@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#1f1f35;--bg-elevated:#252540;--bg-input:#16162a;--border-default:#2a2a45;--border-focus:#6c5ce7;--border-subtle:#1e1e35;--text-primary:#f0f0f5;--text-secondary:#9595b0;--text-muted:#5a5a78;--text-inverse:#0a0a0f;--accent:#6c5ce7;--accent-hover:#7d6ff0;--accent-soft:#6c5ce726;--accent-glow:#6c5ce74d;--success:#00cec9;--success-soft:#00cec926;--warning:#fdcb6e;--warning-soft:#fdcb6e26;--danger:#ff6b6b;--danger-soft:#ff6b6b26;--info:#74b9ff;--info-soft:#74b9ff26;--gradient-primary:linear-gradient(135deg,#6c5ce7,#a29bfe);--gradient-card:linear-gradient(145deg,#1a1a2e,#16162a);--gradient-glow:radial-gradient(ellipse at top,#6c5ce714,transparent 60%);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px #6c5ce733;--shadow-card:0 4px 20px #0000004d,inset 0 1px 0 #ffffff08;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}[data-theme=light]{--bg-primary:#f5f5f8;--bg-secondary:#eeeef2;--bg-card:#fff;--bg-card-hover:#f8f8fb;--bg-elevated:#f0f0f5;--bg-input:#f8f8fb;--border-default:#e0e0e8;--border-focus:#6c5ce7;--border-subtle:#eaeaf0;--text-primary:#1a1a2e;--text-secondary:#5a5a78;--text-muted:#9595b0;--text-inverse:#f0f0f5;--accent:#6c5ce7;--accent-hover:#5a4bd6;--accent-soft:#6c5ce71a;--accent-glow:#6c5ce726;--success:#00a89e;--success-soft:#00a89e1a;--warning:#e0a800;--warning-soft:#e0a8001a;--danger:#e05050;--danger-soft:#e050501a;--info:#4a9bdf;--info-soft:#4a9bdf1a;--gradient-primary:linear-gradient(135deg,#6c5ce7,#a29bfe);--gradient-card:linear-gradient(145deg,#fff,#f8f8fb);--gradient-glow:radial-gradient(ellipse at top,#6c5ce70a,transparent 60%);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-glow:0 0 20px #6c5ce71a;--shadow-card:0 2px 12px #0000000f,0 1px 3px #0000000a}body,.admin-sidebar,.card,.form-input,.form-textarea,textarea,input,.modal-content,.confirm-dialog,.login-card{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}.theme-toggle{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.35rem .75rem;display:flex}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--text-primary)}.theme-toggle-icon{font-size:1rem;transition:transform .4s}.theme-toggle:hover .theme-toggle-icon{transform:rotate(30deg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.page-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.page-header h1{font-size:var(--font-size-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-card),var(--shadow-glow)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:.6rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 2px 10px #6c5ce74d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6c5ce780}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background:var(--accent-soft)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#ff6b6b33}.btn-danger:hover{background:var(--danger);color:#fff}.btn-lg{font-size:var(--font-size-base);border-radius:var(--radius-lg);padding:.85rem 1.75rem}.btn-sm{font-size:var(--font-size-xs);padding:.35rem .75rem}.btn-icon{border-radius:var(--radius-md);width:38px;height:38px;padding:0}.form-group{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);transition:all var(--transition-fast);outline:none;width:100%;padding:.65rem .9rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239595b0' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.checkbox-wrapper{align-items:flex-start;gap:var(--space-sm);cursor:pointer;display:flex}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin-top:2px}.badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:.25rem .7rem;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px}.badge-draft{background:var(--bg-elevated);color:var(--text-muted)}.badge-draft:before{background:var(--text-muted)}.badge-sent{background:var(--info-soft);color:var(--info)}.badge-sent:before{background:var(--info)}.badge-opened{background:var(--warning-soft);color:var(--warning)}.badge-opened:before{background:var(--warning)}.badge-signed{background:var(--success-soft);color:var(--success)}.badge-signed:before{background:var(--success)}.table-wrapper{overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table th{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border-subtle);font-weight:600}.table td{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--accent-soft)}.toast{bottom:var(--space-xl);right:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md)var(--space-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:.3s slideUp;position:fixed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-3xl)var(--space-xl);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-md);font-size:3rem}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--space-sm)}.grid-2{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-gap{align-items:center;gap:var(--space-sm);display:flex}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:90%;max-width:420px;padding:2rem;box-shadow:0 20px 60px #0006}.confirm-dialog h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.confirm-dialog p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);line-height:1.5}.confirm-actions{gap:var(--space-sm);justify-content:flex-end;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}.container{padding:0 var(--space-md)}h1{font-size:var(--font-size-xl)}}