.hamburger{position:fixed;top:0;left:0;z-index:200;height:44px;padding:0 14px;font-size:12pt;font-family:Segoe UI,Arial,Helvetica,sans-serif;background-color:#f2f2f2;color:#000;border:none;border-bottom:2px solid #cccccc;cursor:pointer;box-shadow:2px 2px 6px #0003;transition:background-color .15s ease}.hamburger:hover{background-color:#ccc}.sidebar{background-color:#008dd2;color:#fff;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;overflow:hidden}.sidebar .tabs{display:flex;list-style:none;margin:0;padding:0;flex-shrink:0;border-bottom:1px solid #255A74}.sidebar .tabs li{font-size:18pt;text-transform:uppercase;padding:6pt 12pt;cursor:pointer;border-bottom:4px solid transparent;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}.sidebar .tabs li:hover{background-color:#006ba1}.sidebar .tabs li.active{border-bottom-color:#fff}.sidebar .sort-bar{display:flex;align-items:center;padding:4pt 12pt;gap:8pt;flex-shrink:0;border-bottom:1px solid #255A74}.sidebar .sort-bar span{font-size:14pt;text-transform:uppercase;margin-right:4pt;opacity:.7}.sidebar .sort-bar button{background:none;border:none;color:#fff;font-size:14pt;padding:2pt 6pt;cursor:pointer;border-bottom:3px solid transparent;transition:border-color .15s ease;font-family:Segoe UI,Arial,Helvetica,sans-serif}.sidebar .sort-bar button:hover{background-color:#006ba1}.sidebar .sort-bar button.active{border-bottom-color:#fff}.sidebar .sort-bar button img{height:16pt;vertical-align:middle}.sidebar .sidebar-content{flex:1;overflow-y:auto;overscroll-behavior:contain}.sidebar .sidebar-content::-webkit-scrollbar{width:4px}.sidebar .sidebar-content::-webkit-scrollbar-track{background:#008dd2}.sidebar .sidebar-content::-webkit-scrollbar-thumb{background:#255a74}.sidebar .admin-tab-wrap{padding:8pt;border-bottom:1px solid #255A74;flex-shrink:0}.sidebar .admin-tab-wrap button{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6pt;font-size:10pt;font-family:Segoe UI,Arial,Helvetica,sans-serif;cursor:pointer;text-transform:uppercase;transition:all .15s ease}.sidebar .admin-tab-wrap button:hover{background:#fff3}.sidebar .admin-tab-wrap button.active{background:#fff;color:#008dd2;font-weight:700}.group-header{font-size:16pt;font-weight:400;padding:6pt 8pt 2pt;margin:0;border-top:2px solid #255A74}.group-header:first-child{border-top:none}.card-grid{display:flex;flex-wrap:wrap}.card{width:33.333%;cursor:pointer;box-sizing:border-box;padding:2pt;transition:background-color .15s ease}.card:hover,.card.active{background-color:#255a74}.card .card-image{height:90pt;background-color:#005a86;background-position:center;background-size:cover;box-shadow:2px 2px 8px #0006}.card h3{font-size:10pt;font-weight:400;text-transform:uppercase;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2pt 0 4pt;padding:0 2pt}.tag-filter-bar{display:flex;align-items:center;padding:8pt 12pt;flex-shrink:0;border-bottom:1px solid #255A74}.tag-filter-bar label{font-size:20pt;margin-right:8pt;opacity:.8}.tag-filter-bar input{flex:1;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.5);color:#fff;font-size:16pt;font-family:Segoe UI,Arial,Helvetica,sans-serif;outline:none;border-radius:0}.tag-filter-bar input::placeholder{color:#ffffff73}.tag-filter-bar input:focus{border-bottom-color:#fff}.tag-cloud{padding:12pt;text-align:center;line-height:2}.tag-cloud .tag-item{display:inline;cursor:pointer;margin:0 5pt;transition:color .15s ease}.tag-cloud .tag-item:hover{color:#255a74;text-decoration:underline}.tag-cloud .tag-item.size1{font-size:8pt}.tag-cloud .tag-item.size2{font-size:10pt}.tag-cloud .tag-item.size3{font-size:13pt}.tag-cloud .tag-item.size4{font-size:16pt}.tag-cloud .tag-item.size5{font-size:20pt}.tag-back-btn{display:flex;align-items:center;gap:6pt;background:none;border:none;color:#fff;font-size:14pt;font-family:Segoe UI,Arial,Helvetica,sans-serif;padding:6pt 12pt;cursor:pointer;width:100%;text-align:left;border-bottom:1px solid #255A74}.tag-back-btn:hover{background-color:#006ba1}.active-tag-label{font-size:13pt;padding:4pt 12pt;opacity:.85;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #255A74}.sync-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid #cccccc}.sync-panel .sync-meta{font-size:9pt;color:#999;margin-bottom:.5rem}.sync-panel .available-files-list{margin-top:1rem;border:1px solid #cccccc;padding:.5rem;background:#fcfcfc}.sync-panel .available-files-list .list-actions{display:flex;gap:8pt;margin-bottom:.5rem;border-bottom:1px solid #cccccc;padding-bottom:4pt}.sync-panel .available-files-list .list-actions button{background:none;border:none;color:#008dd2;font-size:9pt;padding:0;cursor:pointer;text-decoration:underline}.sync-panel .available-files-list .list-actions button:hover{color:#255a74}.sync-panel .available-files-list .scroll-area{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:2pt}.sync-panel .available-files-list .scroll-area label{display:flex;align-items:center;gap:6pt;font-size:10pt;cursor:pointer;padding:2pt 4pt}.sync-panel .available-files-list .scroll-area label:hover{background-color:#f2f2f2}.sync-panel .available-files-list .scroll-area label.is-synced .file-name{color:#999;font-style:italic}.sync-panel .available-files-list .scroll-area label input[type=checkbox]{accent-color:#008DD2;width:14px;height:14px}.sync-panel .available-files-list .scroll-area label .file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-panel .available-files-list .scroll-area label .synced-badge{font-size:8pt;color:#2e7d32;background:#e8f5e9;padding:1px 4px;border-radius:3px;white-space:nowrap}.sync-panel .sync-progress-wrap{margin-top:.5rem}.sync-panel .sync-progress-wrap .progress-bar{height:8px;background-color:#f2f2f2;border:1px solid #cccccc;overflow:hidden}.sync-panel .sync-progress-wrap .progress-bar .progress-fill{height:100%;background-color:#008dd2;transition:width .2s ease}.sync-panel .sync-progress-wrap .progress-label{font-size:9pt;color:#999;margin-top:4pt}.sync-panel .sync-status{font-size:10pt;margin-top:.5rem}.sync-panel .sync-status.done{color:#2e7d32}.sync-panel .sync-status.error{color:#c62828;word-break:break-all}.document-content{font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:11pt;line-height:1.6;max-width:800px}.document-content h1{font-size:22pt;color:#008dd2;margin-top:0}.document-content h2{font-size:16pt;color:#255a74}.document-content h3{font-size:13pt}.document-content img{max-width:100%;height:auto;display:block;margin:1rem 0}.document-content table{border-collapse:collapse;width:100%;font-size:10pt;margin-bottom:1rem}.document-content table td,.document-content table th{border:1px solid #cccccc;padding:4pt 8pt;vertical-align:top}.document-content table tr:first-child td{background-color:#f2f2f2;font-weight:700}.document-content a{color:#008dd2}.document-content a:hover{color:#255a74}.document-content ul,.document-content ol{padding-left:1.5rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner:after{content:"";width:40px;height:40px;border:4px solid #f2f2f2;border-top-color:#008dd2;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome-state{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;text-align:left;padding:2rem 1rem}.welcome-state .welcome-header{text-align:center;margin-bottom:3rem;width:100%}.welcome-state .welcome-header h1{font-size:32pt;color:#008dd2;margin-bottom:.5rem}.welcome-state .welcome-header .welcome-lead{font-size:16pt;font-weight:700;color:#255a74;margin:0}.welcome-state .welcome-section{width:100%;margin-bottom:2.5rem}.welcome-state .welcome-section h2{font-size:18pt;color:#255a74;border-bottom:2px solid #008DD2;padding-bottom:.5rem;margin-bottom:1rem}.welcome-state .welcome-section p{font-size:12pt;line-height:1.6;color:#000}.welcome-state .usage-transparency{background-color:#f1f8ff;padding:1.5rem;border-radius:8px;border:1px solid #c8e1ff}.welcome-state .usage-transparency ul{margin:1rem 0 0;padding-left:1.5rem}.welcome-state .usage-transparency ul li{font-size:11pt;margin-bottom:.75rem;line-height:1.4}.welcome-state .usage-transparency ul li strong{color:#255a74}.welcome-state .usage-transparency ul li code{background:#e1e4e8;padding:2px 4px;border-radius:3px;font-family:monospace}.welcome-state .app-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1rem}.welcome-state .app-features .feature{background:#fff;padding:1.25rem;border:1px solid #cccccc;border-top:4px solid #008DD2;box-shadow:2px 2px 8px #0000000d}.welcome-state .app-features .feature strong{display:block;font-size:11pt;text-transform:uppercase;margin-bottom:.5rem;color:#255a74}.welcome-state .app-features .feature p{font-size:10pt;margin:0;line-height:1.4}.welcome-state .welcome-cta{text-align:center;margin-top:1rem;width:100%}.welcome-state .welcome-cta p{font-size:11pt;color:#999;margin-bottom:1rem}.welcome-state .welcome-cta .btn-primary{padding:10pt 24pt;font-size:12pt;background-color:#008dd2;color:#fff;border:none;cursor:pointer;text-transform:uppercase;font-weight:700;transition:background-color .15s ease}.welcome-state .welcome-cta .btn-primary:hover{background-color:#255a74}.welcome-state .welcome-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid #cccccc;width:100%;display:flex;justify-content:center;gap:12pt;font-size:11pt}.welcome-state .welcome-footer a{color:#008dd2;text-decoration:none}.welcome-state .welcome-footer a:hover{text-decoration:underline}.welcome-state .welcome-footer span{color:#999}.admin-view{max-width:800px;margin:0 auto}.admin-view .admin-header{border-bottom:3px solid #008DD2;margin-bottom:2rem;padding-bottom:1rem}.admin-view .admin-header h1{margin:0 0 1rem;font-size:24pt;color:#008dd2;text-transform:uppercase}.admin-view .admin-header .sub-tabs{display:flex;gap:1rem}.admin-view .admin-header .sub-tabs button{background:none;border:none;padding:6pt 12pt;font-size:12pt;font-family:Segoe UI,Arial,Helvetica,sans-serif;cursor:pointer;color:#999;border-bottom:3px solid transparent;transition:all .15s ease}.admin-view .admin-header .sub-tabs button:hover{color:#008dd2}.admin-view .admin-header .sub-tabs button.active{color:#008dd2;border-bottom-color:#008dd2;font-weight:700}.admin-view .admin-content{background:#fff}.admin-view .admin-content h3{font-size:14pt;color:#255a74;text-transform:uppercase;margin:2rem 0 1rem;border-bottom:1px solid #cccccc;padding-bottom:4pt}.admin-view .admin-content h3:first-child{margin-top:0}.admin-view .admin-content .admin-field{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.admin-view .admin-content .admin-field label{min-width:120px;font-size:11pt}.admin-view .admin-content .admin-field input[type=text]{flex:1;padding:6pt 10pt;font-size:11pt;border:2px solid #cccccc;outline:none}.admin-view .admin-content .admin-field input[type=text]:focus{border-color:#008dd2}.admin-view .admin-content .admin-field input[type=checkbox]{width:18px;height:18px;accent-color:#008DD2;cursor:pointer}.admin-view .admin-content .doc-selection{max-height:400px;overflow-y:auto;border:1px solid #cccccc;padding:.5rem;display:flex;flex-direction:column;gap:2pt}.admin-view .admin-content .doc-selection label{display:flex;align-items:center;gap:8pt;padding:4pt 8pt;cursor:pointer}.admin-view .admin-content .doc-selection label:hover{background-color:#f2f2f2}.admin-view .admin-content .doc-selection label input{accent-color:#008DD2}.desktop-only-inline{display:none}@media (min-width: 768px){.desktop-only-inline{display:inline-block}}.empty-state,.not-found{display:flex;justify-content:center;align-items:center;height:200px;color:#999;font-size:13pt;text-align:center;padding:2rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:16px;background-color:#f2f2f2;color:#000}#app{height:100%}.layout{position:relative;min-height:100vh}.layout article{padding:54.6666666667px 8pt 2rem;min-height:100vh;background-color:#fff}.layout article img{max-width:100%}.layout .sidebar{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;overflow:hidden}.layout.sidebar-open .sidebar{display:flex}.layout.sidebar-open article{display:none}@media (min-width: 600px) and (max-width: 767px){.layout .sidebar{width:360px;left:-360px;transition:left .3s cubic-bezier(.4,0,.2,1)}.layout article{display:block!important}.layout.sidebar-open .sidebar{display:flex;left:0}.layout.sidebar-open article{margin-left:360px}}@media (min-width: 768px){.layout .sidebar{display:flex!important;width:360px;height:100vh}.layout .hamburger{display:none}.layout article{display:block!important;margin-left:360px;padding-top:1rem}}