:root{--primary-color:#1343f2;--primary-dark:#0f2db5;--primary-light:#4166f8;--secondary-color:#555;--accent-color:#1343f2;--danger-color:#f44336;--warning-color:#ff9800;--success-color:#4caf50;--error-color:#f44336;--border-color:#e0e0e0;--background-color:#f5f7fa;--card-bg:#fff;--text-color:#333;--light-text:#666;--input-bg:#fff;--hover-bg:#f9f9f9;--navbar-bg:#fff;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--border-radius:6px;--font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--box-shadow:0 2px 8px #1343f21a}[data-theme=dark]{--primary-color:#4166f8;--primary-dark:#1343f2;--primary-light:#6b85fa;--secondary-color:#aaa;--accent-color:#4166f8;--border-color:#444;--background-color:#1a1a1a;--card-bg:#2a2a2a;--text-color:#e0e0e0;--light-text:#b0b0b0;--input-bg:#333;--hover-bg:#383838;--navbar-bg:#222;--box-shadow:0 2px 8px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6}html,body{width:100%;height:100%}.navbar{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid var(--primary-color);background-color:var(--navbar-bg);box-shadow:var(--box-shadow);justify-content:space-between;align-items:center;display:flex}.navbar-brand{cursor:pointer;color:var(--primary-color);letter-spacing:-.5px;font-size:20px;font-weight:700}.navbar-brand:hover{color:var(--primary-dark)}.navbar-buttons{gap:var(--spacing-md);display:flex}h1{margin-bottom:var(--spacing-lg);color:var(--primary-color);font-size:32px;font-weight:700}h2{margin-bottom:var(--spacing-md);color:var(--primary-color);font-size:26px;font-weight:700}h3{margin-bottom:var(--spacing-md);color:var(--primary-color);font-size:18px;font-weight:600}h4{margin-bottom:var(--spacing-sm);color:var(--text-color);font-size:16px;font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--light-text);line-height:1.7}hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-dark)}.container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.page-wrapper{background-color:var(--background-color);flex-direction:column;min-height:100vh;display:flex}.page-content{gap:var(--spacing-lg);flex:1;display:flex}.page-main{flex:1;min-width:0}.page-sidebar{width:320px;position:relative}label{margin-bottom:var(--spacing-sm);color:var(--primary-color);font-size:14px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea{width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);background-color:var(--input-bg);color:var(--text-color);font-size:14px;transition:border-color .3s,box-shadow .3s}select{width:auto;min-width:160px;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);background-color:var(--input-bg);color:var(--text-color);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231343F2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;font-size:14px;transition:border-color .3s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,textarea:focus,select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1343f21a}select option{background-color:var(--input-bg);color:var(--text-color);padding:8px}textarea{resize:vertical;max-width:100%;min-height:100px}button,input[type=button],input[type=submit]{padding:var(--spacing-md) var(--spacing-lg);margin-right:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-family);border:none;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 6px #1343f233}button:hover:not(:disabled),input[type=button]:hover:not(:disabled),input[type=submit]:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1343f24d}button:disabled,input[type=button]:disabled,input[type=submit]:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;background-color:#ccc}button:active:not(:disabled),input[type=button]:active:not(:disabled),input[type=submit]:active:not(:disabled){background-color:var(--primary-dark);transform:translateY(0)}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:#666}.btn-secondary:hover:not(:disabled){background-color:#555}.btn-danger{background-color:var(--danger-color)}.btn-danger:hover:not(:disabled){background-color:#da190b}.btn-warning{background-color:var(--warning-color)}.btn-warning:hover:not(:disabled){background-color:#e68900}.btn-success{background-color:var(--success-color)}.btn-success:hover:not(:disabled){background-color:#45a049}.btn-small{padding:var(--spacing-sm) var(--spacing-md);margin-right:var(--spacing-sm);font-size:12px}.btn-block{width:100%;margin-right:0}.message,.alert{padding:var(--spacing-md);margin:var(--spacing-md) 0;border-radius:var(--border-radius);border-left:4px solid;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message{border-left-color:var(--primary-color);color:var(--primary-dark);background-color:#e3f2fd}.alert-error{border-left-color:var(--error-color);color:#c62828;background-color:#ffebee}.alert-warning{border-left-color:var(--warning-color);color:#e65100;background-color:#fff3e0}.alert-success{border-left-color:var(--success-color);color:#1b5e20;background-color:#e8f5e9}table{border-collapse:collapse;width:100%;margin:var(--spacing-lg) 0;background-color:var(--card-bg);box-shadow:var(--box-shadow);border-radius:var(--border-radius);overflow:hidden}thead{background-color:var(--primary-color);color:#fff}th{padding:var(--spacing-md);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;font-weight:600;transition:background-color .3s}th:hover{background-color:var(--primary-dark)}td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-color);background-color:var(--card-bg)}tr:hover td{background-color:var(--hover-bg)}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--box-shadow);transition:all .3s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1343f226}.card-header{margin-bottom:var(--spacing-md);color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-md);font-size:16px;font-weight:700}.card-body{color:var(--light-text)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--light-text);font-size:12px}.auth-container{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#1343f2 0%,#0f2db5 100%);justify-content:center;align-items:center;display:flex}.auth-card{padding:var(--spacing-xl);border-radius:var(--border-radius);background-color:#fff;width:100%;max-width:420px;box-shadow:0 20px 60px #1343f24d}.auth-card h2{text-align:center;margin-bottom:var(--spacing-lg);color:var(--primary-color)}.auth-card .form-group{margin-bottom:var(--spacing-lg)}.auth-card button{width:100%;padding:var(--spacing-md);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;font-size:14px;font-weight:600}.auth-card button:hover{background-color:var(--primary-dark)}.auth-card p{text-align:center;margin-top:var(--spacing-lg)}.auth-card a{color:var(--primary-color)}.documents-grid{gap:var(--spacing-lg);margin:var(--spacing-lg) 0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.document-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);cursor:pointer;box-shadow:var(--box-shadow);transition:all .3s}.document-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 20px #1343f233}.document-card-title{margin-bottom:var(--spacing-sm);color:var(--primary-color);word-break:break-word;font-weight:700}.document-card-meta{color:var(--light-text);margin-bottom:var(--spacing-md);font-size:12px}.document-card-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.document-card-actions button{min-width:70px;padding:var(--spacing-sm);flex:1;font-size:12px}.settings-section{background-color:var(--card-bg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.settings-section h3{margin-bottom:var(--spacing-md);color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-md)}.settings-info{padding:var(--spacing-md);border-left:4px solid var(--primary-color);margin-bottom:var(--spacing-md);border-radius:var(--border-radius);background-color:#f0f4ff}.settings-info p{margin-bottom:var(--spacing-sm)}.safe-delete-sidebar{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--box-shadow);top:var(--spacing-lg);height:fit-content;position:sticky}.safe-delete-sidebar h4{color:var(--primary-color);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-md);font-size:16px}.safe-delete-status{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);background-color:#f0f4ff;font-size:13px}.safe-delete-status-label{color:var(--light-text);margin-bottom:var(--spacing-sm)}.safe-delete-status-value{color:var(--primary-color);font-size:14px;font-weight:700}.safe-delete-window{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);border-left:4px solid var(--warning-color);background-color:#fff3e0;font-size:13px}.safe-delete-window-title{color:var(--warning-color);margin-bottom:var(--spacing-sm);font-weight:700}.safe-delete-window-info{color:#e65100;margin-bottom:var(--spacing-md)}.safe-delete-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.safe-delete-actions button{width:100%;padding:var(--spacing-md);margin-right:0;font-size:13px}.audit-table{border-collapse:collapse;width:100%;margin:var(--spacing-lg) 0;background-color:#fff}.audit-table th{background-color:var(--primary-color);color:#fff;padding:var(--spacing-md);text-align:left;cursor:pointer;font-weight:600}.audit-table th:hover{background-color:var(--primary-dark)}.audit-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:13px}.audit-table tr:hover{background-color:#f9f9f9}.status-success{color:var(--success-color);font-weight:700}.status-denied{color:var(--warning-color);font-weight:700}.status-failed{color:var(--error-color);font-weight:700}.password-requirements{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);border-left:4px solid var(--primary-color);background-color:#f0f4ff;font-size:13px}.requirement{margin:var(--spacing-sm) 0;align-items:center;display:flex}.requirement.met{color:var(--success-color)}.requirement.unmet{color:var(--error-color)}.requirement-icon{margin-right:var(--spacing-sm);font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.hidden{display:none}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.text-primary{color:var(--primary-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-success{color:var(--success-color)}.bg-primary{background-color:var(--primary-color);color:#fff}@media (width<=1024px){.page-sidebar{width:280px}}@media (width<=768px){.documents-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.page-content{flex-direction:column}.page-sidebar{width:100%}.safe-delete-sidebar{position:static}.navbar{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column}.navbar-buttons{justify-content:space-around;width:100%}input[type=text],input[type=email],input[type=password],textarea,select{background-color:var(--input-bg);color:var(--text-color);max-width:100%}table{background-color:var(--card-bg);font-size:12px}th,td{padding:var(--spacing-sm)}.auth-card{background-color:var(--card-bg);max-width:100%}h1{font-size:24px}h2{font-size:20px}}@media (width<=480px){.container{padding:var(--spacing-md)}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}button{width:100%;margin-right:0}.navbar-buttons{flex-direction:column}.navbar-buttons button{width:100%}.documents-grid{grid-template-columns:1fr}}