.back-btn{display:none}@media (max-width: 767px){.back-btn{display:flex;align-items:center;justify-content:center;width:100%;background-color:#008dd2;border:none;color:#fff;cursor:pointer;padding:12px 16px;margin-bottom:1rem;transition:background-color .15s ease}.back-btn:hover{background-color:#006ba1}}.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:2px solid rgba(0,0,0,.2)}.sidebar .tabs li{display:flex;align-items:center;justify-content:center;font-size:18pt;padding:10pt 18pt;cursor:pointer;border-bottom:4px solid transparent;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}.sidebar .tabs li:hover:not(.active){background-color:#006ba1}.sidebar .tabs li.active{background-color:#0000002e;border-bottom-color:#fff;font-weight:700}.sidebar .admin-tab-wrap{flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.2)}.sidebar .admin-tab-wrap button{display:flex;align-items:center;justify-content:center;width:100%;background:none;border:none;border-left:4px solid transparent;color:#fff;font-size:14pt;font-family:Arial,Helvetica,sans-serif;padding:10pt 18pt;cursor:pointer;transition:background-color .15s ease,border-left-color .15s ease}.sidebar .admin-tab-wrap button:hover{background-color:#006ba1}.sidebar .admin-tab-wrap button.active{background-color:#0000002e;border-left-color:#fff;font-weight:700}.sidebar .sort-bar{display:flex;align-items:center;padding:4pt 14pt;gap:8pt;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.2)}.sidebar .sort-bar button{background:none;border:none;color:#fff;font-size:14pt;padding:2pt 8pt;cursor:pointer;border-bottom:3px solid transparent;transition:border-color .15s ease,background-color .15s ease;font-family:Arial,Helvetica,sans-serif}.sidebar .sort-bar button:hover{background-color:#006ba1}.sidebar .sort-bar button.active{border-bottom-color:#fff;font-weight:700;background-color:#ffffff1f}.sidebar .sort-bar button img{height:16pt;vertical-align:middle}.sidebar .sidebar-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;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}.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:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8pt;padding:8pt}.card{cursor:pointer;box-sizing:border-box;transition:background-color .15s ease;display:flex;flex-direction:column}.card:hover,.card.active{background-color:#255a74}.card .card-image{aspect-ratio:4/3;background-color:#fff;overflow:hidden}.card .card-image img{width:100%;height:100%;object-fit:contain;display:block}.card h3{font-size:10pt;font-weight:400;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2pt 0 4pt;padding:0 2pt}.tag-cloud{padding:6pt 8pt;display:flex;flex-wrap:wrap;gap:2pt 6pt;align-items:baseline;justify-content:center;text-align:center}.tag-cloud .tag-item{display:inline-block;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease;padding:1pt 3pt;border:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tag-cloud .tag-item:hover{background-color:#00000026;color:#fff}.tag-cloud .tag-item.size1{font-size:8.5pt;opacity:.85}.tag-cloud .tag-item.size2{font-size:11.5pt;font-weight:700}.active-tag-label{font-size:11pt;padding:4pt 10pt;opacity:.8;border-bottom:1px solid rgba(0,0,0,.15);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-view{max-width:800px;margin:0 auto}.admin-view .admin-header{margin-bottom:2rem;padding-bottom:1rem}.admin-view .admin-header h1{margin:0 0 1rem;font-size:24pt;color:#008dd2}.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: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 .section-header-with-search{display:flex;align-items:center;justify-content:space-between;margin:2rem 0 1rem;border-bottom:1px solid #cccccc;padding-bottom:4pt}.admin-view .admin-content .section-header-with-search h3{margin:0;border-bottom:none;padding-bottom:0}.admin-view .admin-content .admin-search-input{padding:4pt 8pt;font-size:10pt;border:1px solid #cccccc;width:240px;font-family:Arial,Helvetica,sans-serif;outline:none}.admin-view .admin-content .admin-search-input:focus{border-color:#008dd2}.admin-view .admin-content h3{font-size:14pt;color:#255a74;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,.admin-view .admin-content .available-files-list .scroll-area{max-height:400px;overflow-y:auto;border:1px solid #cccccc;padding:.5rem;display:flex;flex-direction:column;gap:2pt;background:#fff}.admin-view .admin-content .doc-selection .doc-selection-item,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item{display:flex;align-items:center;gap:8pt;padding:4pt 8pt;cursor:pointer}.admin-view .admin-content .doc-selection .doc-selection-item:hover,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item:hover{background-color:#f2f2f2}.admin-view .admin-content .doc-selection .doc-selection-item.is-synced .doc-title,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item.is-synced .doc-title{color:#999;font-style:italic}.admin-view .admin-content .doc-selection .doc-selection-item input,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item input{accent-color:#008DD2;flex-shrink:0}.admin-view .admin-content .doc-selection .doc-selection-item .doc-info,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item .doc-info{flex:1;display:flex;flex-direction:column;min-width:0}.admin-view .admin-content .doc-selection .doc-selection-item .doc-info .doc-id,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item .doc-info .doc-id{font-size:8pt;color:#999;font-family:monospace}.admin-view .admin-content .doc-selection .doc-selection-item .doc-info .doc-title,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item .doc-info .doc-title{font-size:11pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-view .admin-content .doc-selection .doc-selection-item .doc-year,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item .doc-year{font-size:9pt;color:#999;padding:0 4pt}.admin-view .admin-content .doc-selection .doc-selection-item .synced-mark,.admin-view .admin-content .available-files-list .scroll-area .doc-selection-item .synced-mark{color:#2e7d32;font-weight:700;font-size:12pt}.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-search-wrap{margin-bottom:.5rem}.sync-panel .available-files-list .list-search-wrap .admin-search-input{width:100%;padding:6pt;font-size:10pt}.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 .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: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:0;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:0;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}.welcome-state .app-features .feature strong{display:block;font-size:11pt;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-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}.pwa-toast{position:fixed;bottom:1rem;right:1rem;z-index:9999;display:flex;align-items:center;gap:10pt;padding:10pt 14pt;background:#255a74;color:#fff;font-size:11pt;font-family:Arial,Helvetica,sans-serif;box-shadow:0 4px 16px #0000004d}.pwa-toast--ready{background:#2e7d32}.pwa-toast__btn{background:none;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:10pt;font-family:Arial,Helvetica,sans-serif;padding:4pt 10pt;cursor:pointer;transition:background-color .15s ease}.pwa-toast__btn:hover{background-color:#ffffff26}.pwa-toast__btn--primary{background-color:#008dd2;border-color:#008dd2;font-weight:700}.pwa-toast__btn--primary:hover{background-color:#006ba1;border-color:#006ba1}.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:Arial,Helvetica,sans-serif;font-size:16px;background-color:#f2f2f2;color:#000}#app{height:100%}.layout{position:relative;min-height:100vh}.layout .sidebar{display:flex;flex-direction:column;height:100vh}.layout article{display:none;padding:0 8pt 2rem;background-color:#fff;min-height:100vh}.layout article img{max-width:100%}.layout.has-document .sidebar,.layout.is-admin .sidebar{display:none}.layout.has-document article,.layout.is-admin article{display:block}@media (min-width: 768px){.layout .sidebar{position:fixed;top:0;left:0;width:360px;height:100vh;display:flex!important;flex-direction:column;padding-top:0;padding-bottom:0}.layout article{display:block!important;margin-left:360px;padding:1rem 8pt 2rem;min-height:100vh}}
