*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);margin:0;padding:0;transition:background-color .3s,color .3s}:root{--bg-main:#f3f4f6;--bg-card:#fff;--text-primary:#000;--text-secondary:#4b5563;--input-bg:#fff;--input-border:#d1d5db;--input-text:#000}[data-theme=dark]{--bg-main:#111827;--bg-card:#1f2937;--text-primary:#fff;--text-secondary:#d1d5db;--input-bg:#374151;--input-border:#4b5563;--input-text:#fff}.page-container{background-color:var(--bg-main);justify-content:center;align-items:center;height:100vh;display:flex}.card{background-color:var(--bg-card);border-radius:8px;width:320px;padding:40px;box-shadow:0 2px 10px #0000001a}.heading{text-align:center;color:var(--text-primary);margin-bottom:20px}.label{color:var(--text-secondary)}.input-field{background-color:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);border-radius:4px;margin-top:5px;padding:8px}.error-text{color:#dc2626;margin-bottom:10px;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;width:100%;padding:10px}.theme-toggle-wrapper{position:fixed;top:20px;right:20px}.form-group{margin-bottom:15px}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--input-border);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.navbar-brand{color:var(--text-primary);font-size:20px;font-weight:700}.hamburger-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;font-size:24px}.navbar-dropdown{background-color:var(--bg-card);border:1px solid var(--input-border);z-index:100;border-radius:8px;min-width:200px;padding:15px;position:absolute;top:40px;right:0;box-shadow:0 4px 12px #00000026}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.form-grid .full-width{grid-column:1/-1}.page-wrapper{box-sizing:border-box;width:95%;max-width:1500px;margin:0 auto;padding:20px 24px}.btn-secondary{color:#fff;cursor:pointer;background-color:#6b7280;border:none;border-radius:4px;width:auto;margin-bottom:20px;padding:10px 20px}.search-input{background-color:var(--input-bg);border:1px solid var(--input-border);width:100%;max-width:400px;color:var(--input-text);border-radius:4px;margin-top:5px;padding:8px}.hub-header{text-align:center;margin-bottom:40px}.hub-header .label{margin-top:10px;font-size:.95rem;display:block}.hub-box-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.hub-box{background-color:var(--bg-card);border:1px solid var(--input-border);text-align:center;cursor:pointer;border-radius:8px;padding:32px 24px;transition:transform .15s,box-shadow .15s}.hub-box:hover{transform:translateY(-4px);box-shadow:0 4px 14px #00000026}.hub-box-icon{margin-bottom:12px;font-size:2.4rem}.hub-box-title{color:var(--text-primary);margin-bottom:8px;font-size:1.15rem}.hub-box-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.viewer-body{touch-action:none;justify-content:center;align-items:center;min-height:400px;display:flex}.viewer-image{object-fit:contain;max-width:100%;max-height:70vh}.viewer-toolbar{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.viewer-toolbar button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:8px 14px;font-size:14px;transition:background-color .2s}.viewer-toolbar button:hover{background-color:#1d4ed8}.viewer-toolbar span{text-align:center;min-width:60px;color:var(--text-primary);font-weight:600}.viewer-canvas{border:1px solid var(--input-border);background-color:var(--bg-main);border-radius:8px;justify-content:center;align-items:center;height:70vh;display:flex;overflow:hidden}.viewer-loading,.viewer-error{justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;inset:0}.viewer-error{color:#d32f2f}