:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffe6;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#2b2b2b;color:#ffffffe6}.dashboard{max-width:2000px;margin:40px auto;padding:20px;box-sizing:border-box}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topbar-actions{display:flex;gap:8px}.card{padding:16px;border-radius:8px;border:1px solid #2a2a2a;background:#111;color:#eaebe5}.list-unstyled{list-style:none;padding:0;margin:0}.debug-pre{white-space:pre-wrap;font-size:11px}.info-toggle{margin:12px auto}.info-card{max-width:760px;margin:0 auto 16px;text-align:left;padding:16px;border-radius:8px;border:1px solid #2a2a2a;background:#111;color:#e5e7eb}.info-card h3{margin:0 0 8px}.info-card h4{margin:12px 0 6px}.info-card ul{margin:4px 0 10px 18px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1f2933;color:#f9fafb;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff;background-color:#111827}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn{border-radius:8px;border:1px solid #4b5563;padding:.5rem .75rem;background:#111827;color:#e5e7eb}.toolbar .btn+.btn{margin-left:8px}.btn-add-contract{border:2px solid #2563eb;background:#0f172a;color:#e5e7eb;padding:.6em 1.2em;border-radius:10px;cursor:pointer;font-weight:600;letter-spacing:.3px;transition:all .2s ease}.btn-add-contract:hover{background:#2563eb;color:#fff;box-shadow:0 0 12px #2563eb99;transform:translateY(-1px)}.vault-input{width:100%;padding:8px 10px;margin-bottom:12px;border-radius:6px;border:1px solid #2d2d2d;font-size:14px;box-sizing:border-box;outline:none;background:#0d0d0d;color:#f3f4f6}.vault-input:focus{border-color:#4b5563}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card{background:#111;color:#f3f4f6;padding:20px;border-radius:8px;width:320px;border:1px solid #2a2a2a}.modal-actions{text-align:right}.modal-actions .btn+.btn{margin-left:8px}.error-text{color:#fca5a5;font-size:12px;margin-bottom:8px}.lock-card{max-width:360px;margin:40px auto;padding:16px;border:1px solid #2a2a2a;border-radius:8px;background:#111;color:#e5e7eb}.lock-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/Vault1-zhaVnjGh.png);background-size:cover;background-position:center;background-repeat:no-repeat}.tab-buttons .tab-button{margin-right:8px}.tab-button{border-radius:6px;border:1px solid #4b5563;padding:6px 10px;background:#111827;color:#e5e7eb;cursor:pointer;font-size:.9rem}.tab-button.is-active{font-weight:700;background:#2563eb;border-color:#2563eb}.category-menu{margin-top:16px;margin-bottom:12px}.category-button{margin-right:8px;margin-bottom:8px;padding:6px 10px;border-radius:999px;border:1px solid #414040ff;background:#111;color:#f9fafb;cursor:pointer;font-size:.85rem}.category-button.is-active{background:#2563eb;font-weight:700}.category-label{font-size:1rem;color:#f2f3f4;margin-right:4px;transform:translate(-5px);font-weight:600}.record-item{margin-bottom:12px;padding:8px;border:1px solid #2a2a2a;border-radius:4px;background:#0f0f0f;color:#e5e7eb}.record-meta{margin-top:4px;color:#d1d5db}.record-notes{margin-top:4px;color:#9ca3af}.toast-container{position:fixed;right:16px;top:16px;z-index:10000}.toast{min-width:220px;margin-bottom:8px;padding:10px 12px;border-radius:6px;color:#fff;box-shadow:0 4px 12px #00000040;font-size:.9rem}.toast--error{background:#d9534f}.toast--success{background:#5cb85c}.toast--info{background:#333}.loading-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-card{background:#111827;color:#fff;padding:18px 20px;border-radius:14px;box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;align-items:center;min-width:220px}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.25);border-top-color:#fffffff2;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-bar-container{position:relative;flex:1;max-width:500px}.search-input{padding-right:36px!important}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px 8px;font-size:16px;border:none;background:transparent;color:#9ca3af}.clear-search-btn:hover{color:#f3f4f6}.dashboard-controls{margin-bottom:20px}.controls-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-menu-container{position:relative}.filter-menu-toggle{background:#1f2933;border:1px solid #4b5563;padding:8px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:.9rem}.filter-menu-toggle:hover{background:#262f3d;border-color:#646cff}.filter-menu-toggle.is-active{background:#2563eb;border-color:#2563eb;color:#fff}.filter-menu-panel{position:absolute;top:calc(100% + 8px);left:0;background:#111827;border:1px solid #2a2a2a;border-radius:8px;padding:16px;min-width:280px;box-shadow:0 10px 25px #0006;z-index:100}.filter-section{margin-bottom:16px}.filter-section:last-child{margin-bottom:0}.filter-section h4{margin:0 0 8px;font-size:.9rem;color:#e5e7eb;text-transform:uppercase;letter-spacing:.5px}.filter-options{display:flex;flex-direction:column;gap:6px}.filter-option{display:flex;align-items:center;cursor:pointer;padding:4px 0}.filter-option input{margin-right:8px;cursor:pointer;accent-color:#2563eb}.filter-option span{font-size:.9rem;color:#d1d5db}.filter-option:hover span{color:#f3f4f6}.filter-actions{margin-top:12px;padding-top:12px;border-top:1px solid #2a2a2a;text-align:right}.contracts-table-container{background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:16px}.contracts-table{width:100%;border-collapse:collapse;font-size:.95rem}.contracts-table thead{background:#1a1a1a;border-bottom:2px solid #2a2a2a}.contracts-table th{padding:12px;text-align:left;font-weight:600;color:#e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.contracts-table th:hover{background:#222}.contracts-table tbody tr{border-bottom:1px solid #1f1f1f;transition:background-color .15s}.contracts-table tbody tr:hover{background:#0f0f0f}.contracts-table tbody tr.expired{opacity:.7}.contracts-table tbody tr.expired td{color:#d1d5db}.contracts-table tbody tr.due-today{background:#ef44441a}.contracts-table tbody tr.due-today td{color:#fca5a5}.contracts-table tbody tr.due-tomorrow{background:#fb923c1a}.contracts-table tbody tr.due-tomorrow td{color:#fbcfe8}.contracts-table tbody tr.due-soon{background:#3b82f60d}.contracts-table tbody tr.due-soon td{color:#bfdbfe}.contracts-table td{padding:12px;color:#e5e7eb}.cell-title{font-weight:600;max-width:200px;word-break:break-word}.cell-provider{color:#d1d5db;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-category{color:#9ca3af;font-size:.85rem;min-width:80px}.cell-date{min-width:100px}.date-cell{display:flex;flex-direction:column;gap:4px}.date-cell.expired{color:#dc2626}.date-cell.due-today{color:#dc2626;font-weight:600}.date-cell.due-tomorrow{color:#ea580c}.date-cell.due-soon{color:#2563eb}.status-label{font-size:.75rem;font-weight:500;padding:2px 4px;border-radius:3px;background:#ffffff1a}.cell-notes{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ca3af}.cell-actions{white-space:nowrap;padding:12px 6px}.btn-sm{padding:4px 8px;font-size:.8rem;border-radius:4px;border:1px solid #4b5563;margin:0 2px}.btn-edit{background:#1f2933;color:#e5e7eb}.btn-edit:hover{background:#2563eb;border-color:#2563eb;color:#fff}.btn-delete{background:#1f2933;color:#e5e7eb}.btn-delete:hover{background:#dc2626;border-color:#dc2626;color:#fff}.table-footer{margin-top:12px;padding-top:12px;border-top:1px solid #2a2a2a;color:#9ca3af;font-size:.85rem}.edit-modal{max-width:500px;max-height:90vh;overflow-y:auto}.view-modal{max-width:600px;max-height:90vh;overflow-y:auto}.payment-modal{max-width:500px;max-height:90vh;overflow-y:auto}.view-contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.view-field{display:flex;flex-direction:column;gap:4px}.view-field.full-width{grid-column:1 / -1}.view-field label{font-size:.85rem;color:#9ca3af;font-weight:600}.view-field .view-value{font-size:.95rem;color:#f7fafc;padding:8px;background:#1a202c;border-radius:4px;border:1px solid #4a5568}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-view{background:#10b981;border-color:#10b981;color:#fff}.btn-view:hover{background:#059669;border-color:#059669}.btn-edit{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-edit:hover{background:#d97706;border-color:#d97706}.btn-delete{background:#ef4444;border-color:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;border-color:#dc2626}@media(max-width:768px){.controls-row{flex-direction:column;align-items:stretch}.search-bar-container{max-width:100%}.contracts-table{font-size:.85rem}.contracts-table th,.contracts-table td{padding:8px 6px}.cell-title{max-width:100px}.cell-provider{max-width:80px}.cell-notes{max-width:120px}.filter-menu-panel{position:fixed;inset:auto 16px 16px;min-width:auto}}.notification-settings{margin-bottom:16px;border-left:4px solid #2563eb}.notification-settings h4{margin:0 0 12px;font-size:1rem;color:#e5e7eb}.notification-settings p{margin:0 0 12px;color:#d1d5db}.notification-settings details{cursor:pointer}.notification-settings summary{outline:none;padding:8px 0;border-bottom:1px solid #2a2a2a;margin-top:12px}.notification-settings summary:hover{color:#f3f4f6}.notification-settings summary::marker{color:#2563eb}.notification-settings details[open] summary{border-bottom-color:#2563eb;margin-bottom:12px}.notification-settings details>div{color:#d1d5db;font-size:.85rem;line-height:1.6}.notification-settings details>div p{margin:6px 0;padding-left:16px}.notification-settings details>div p:before{content:"◦ ";color:#2563eb}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}