@charset "UTF-8";body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.feature-comparison-modal{-webkit-overflow-scrolling:touch;max-height:85vh;max-width:900px;overflow-x:hidden;overflow-y:auto;position:relative;width:90%}.current-service-summary{margin-bottom:2rem}.current-service-summary h3{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.service-card h4{color:#fffffff2;font-size:1.2rem;margin-bottom:.5rem}.service-card .cost{color:var(--primary-color);font-size:1.1rem;margin-bottom:1rem}.features-list{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:#ffffff1a;border-radius:20px;color:#fffc;font-size:.85rem;padding:.25rem .75rem}.alternatives-section h3{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.alternative-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.alternative-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.alternative-header h4{color:#fffffff2;font-size:1.2rem;margin-bottom:.25rem}.alternative-header .cost{color:#ffffffb3;font-size:1rem}.savings-badge{border-radius:8px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.savings-high{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.savings-medium{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.savings-low{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.savings-none{background:#ffffff1a;border:1px solid #fff3;color:#fff9}.feature-comparison-table{margin-bottom:1.5rem;overflow-x:auto}.feature-comparison-table table{border-collapse:collapse;width:100%}.feature-comparison-table th{border-bottom:2px solid #ffffff1a;color:#ffffffb3;font-size:.9rem;font-weight:600;padding:.75rem;text-align:left}.feature-comparison-table td{border-bottom:1px solid #ffffff0d;padding:.75rem}.feature-value{font-size:1.1rem;text-align:center}.feature-upgrade{background:#22c55e1a}.feature-downgrade{background:#ef44441a}.importance-high{color:#fffffff2;font-weight:600}.importance-medium{color:#fffc}.importance-low{color:#fff9;font-size:.9rem}.pros-cons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.cons h5,.pros h5{font-size:.95rem;font-weight:600;margin-bottom:.5rem}.pros h5{color:#22c55e}.cons h5{color:#ef4444}.cons ul,.pros ul{list-style:none;padding:0}.cons li,.pros li{color:#fffc;font-size:.9rem;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.pros li:before{color:#22c55e;content:"✓";left:0;position:absolute}.cons li:before{color:#ef4444;content:"✗";left:0;position:absolute}.recommendation{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;padding:1rem}.recommendation p{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin:0}.loading-container{padding:3rem;text-align:center}.loading-container p{color:#ffffffb3;margin-top:1rem}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.modal-overlay{padding:0}.feature-comparison-modal{border-radius:0;display:flex;flex-direction:column;height:100vh;margin:0;max-height:100vh;width:100%}.feature-comparison-modal .modal-header{flex-shrink:0}.feature-comparison-modal .modal-content{-webkit-overflow-scrolling:touch;flex:1 1;max-height:calc(100vh - 4rem);overflow-y:auto;padding-bottom:2rem}.pros-cons{grid-template-columns:1fr}.alternative-header{flex-direction:column;gap:1rem}.feature-comparison-table{font-size:.85rem}}.share-modal{max-width:600px;position:relative;width:90%;z-index:10000}.share-section{margin-bottom:1.5rem}.share-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.field-selection{background:var(--bg-tertiary);border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem}.field-checkbox{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color .2s}.field-checkbox:hover{background:var(--bg-secondary)}.field-checkbox input[type=checkbox]{align-items:center;-webkit-appearance:none;appearance:none;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;transition:all .15s ease;width:20px}.field-checkbox input[type=checkbox]:hover{border-color:var(--primary)}.field-checkbox input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.field-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;position:absolute;transform:rotate(45deg);width:5px}.field-info{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between}.field-label{color:var(--text-primary);font-weight:500}.field-value{color:var(--text-secondary);font-size:.875rem;max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.field-value.sensitive{color:var(--text-tertiary);font-family:monospace}.expiration-select{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.2em;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;width:100%}.expiration-select:hover{background:var(--bg-secondary);border-color:var(--border-color)}.expiration-select:focus{border-color:var(--primary);outline:none}.share-method-toggle{background:var(--bg-tertiary);border-radius:var(--radius);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem}.method-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.method-btn.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--primary)}.share-display{background:var(--bg-tertiary);border-radius:var(--radius);padding:1.5rem}.url-display{display:flex;flex-direction:column;gap:1rem}.url-container{display:flex;gap:.5rem}.share-url-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);flex:1 1;font-family:monospace;font-size:.875rem;overflow:hidden;padding:.75rem;text-overflow:ellipsis}.copy-btn{min-width:100px}.qr-display{align-items:center;display:flex;flex-direction:column;gap:1rem}.qr-code{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);height:250px;padding:1rem;width:250px}.share-note{color:var(--text-secondary);font-size:.875rem;margin:0;text-align:center}@media (max-width:768px){.share-modal{margin:1rem;max-height:90vh;max-width:none;width:95%}.modal-content{-webkit-overflow-scrolling:touch;max-height:calc(90vh - 60px);overflow-y:auto}.field-selection{max-height:200px}.field-info{align-items:flex-start;flex-direction:column;gap:.25rem}.field-value{text-align:left}.url-container{flex-direction:column}.share-url-input{font-size:.75rem}.qr-code{height:200px;width:200px}}.mobile-api-card-wrapper{border-radius:16px;margin-bottom:1rem;overflow:hidden;position:relative}.mobile-api-card-content{background:var(--bg-primary);cursor:grab;position:relative;transition:transform .3s ease;will-change:transform;z-index:2}.mobile-api-card-content:active{cursor:grabbing}.swipe-actions{align-items:stretch;bottom:0;display:flex;position:absolute;top:0;z-index:1}.swipe-actions-left{left:0}.swipe-actions-right{right:0}.swipe-action{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:.5rem;justify-content:center;padding:0 1.5rem;transition:opacity .2s ease}.swipe-action:active{opacity:.8}.swipe-action.edit{background:var(--primary-color)}.swipe-action.delete{background:#ef4444}.swipe-action svg{stroke:#fff}.mobile-api-card-wrapper.deleting{animation:slideOut .3s ease forwards}@keyframes slideOut{to{opacity:0;transform:translateX(-100%)}}.mobile-api-card-content.haptic-feedback{animation:haptic .1s ease}@keyframes haptic{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.mobile-api-card-content .api-card{border:1px solid var(--border-color);box-shadow:none}.mobile-api-card-content .api-card:hover{box-shadow:none;transform:none}@media (max-width:768px){.mobile-api-card-wrapper{touch-action:pan-y}.mobile-api-card-content{-webkit-user-select:none;user-select:none}.swipe-action{min-width:80px}}.bottom-sheet-backdrop{animation:fadeIn .3s ease;background:#00000080;top:0;z-index:1000}.bottom-sheet,.bottom-sheet-backdrop{bottom:0;left:0;position:fixed;right:0}.bottom-sheet{animation:slideUp .3s ease;background:var(--bg-primary);border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;transition:transform .3s ease}.bottom-sheet.dragging{transition:none}.bottom-sheet-handle-container{cursor:grab;display:flex;justify-content:center;padding:.75rem;touch-action:none}.bottom-sheet-handle{background:var(--border-color);border-radius:2px;height:4px;width:48px}.bottom-sheet-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.bottom-sheet-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.bottom-sheet-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:background .2s ease}.bottom-sheet-close:hover{background:var(--hover-bg)}.bottom-sheet-content{-webkit-overflow-scrolling:touch;background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:1.5rem}.bottom-sheet-menu{display:flex;flex-direction:column;gap:.5rem}.bottom-sheet-menu-item{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem;text-align:left;transition:background .2s ease;width:100%}.bottom-sheet-menu-item:hover{background:var(--hover-bg)}.bottom-sheet-menu-item:active{transform:scale(.98)}.bottom-sheet-menu-item svg{color:var(--primary-color);height:24px;width:24px}.bottom-sheet-menu-item.danger,.bottom-sheet-menu-item.danger svg{color:#ef4444}[data-theme=dark] .bottom-sheet{background:#1a1a1a}[data-theme=dark] .bottom-sheet-handle{background:#fff3}@media (max-width:768px){.bottom-sheet{max-height:80vh}.bottom-sheet-content{padding-bottom:env(safe-area-inset-bottom,1.5rem)}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.calendar-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:1.5rem;padding:1.5rem}.calendar-toolbar{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.calendar-toolbar,.toolbar-nav{align-items:center;display:flex}.toolbar-nav{gap:.5rem}.toolbar-label{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 1rem}.toolbar-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.view-buttons{display:flex;gap:.25rem}.view-buttons .btn{font-size:.875rem;padding:.5rem 1rem}.rbc-calendar{background:var(--bg-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;overflow:hidden}.rbc-header{background:var(--bg-tertiary);border-color:var(--border-color)!important;font-weight:600;padding:.75rem}.rbc-today{background-color:var(--primary-light)}.rbc-off-range-bg{background-color:var(--bg-secondary)}.rbc-day-bg,.rbc-month-view{border-color:var(--border-color)!important}.rbc-event{cursor:pointer;font-size:.85rem!important;padding:2px 5px!important}.rbc-event:hover{filter:brightness(.9)}.rbc-event-label{font-size:.75rem}.rbc-toolbar button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.rbc-toolbar button:hover{background:var(--bg-tertiary)}.rbc-toolbar button.rbc-active{background:var(--primary);border-color:var(--primary);color:#fff}.rbc-agenda-view{color:var(--text-primary)}.rbc-agenda-table{border-color:var(--border-color)!important}.rbc-agenda-date-cell,.rbc-agenda-event-cell,.rbc-agenda-time-cell{border-color:var(--border-color)!important;padding:.75rem!important}.rbc-agenda-date{color:var(--text-primary);font-weight:600}.event-modal{animation:modalSlideIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000001a;max-width:500px;padding:0;width:90%}[data-theme=dark] .event-modal{background:#1e1e1ef2}.event-details{padding:2rem}.event-details h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 1rem}.event-category{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem}.event-info{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:center;display:flex;justify-content:space-between}.info-row label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.info-row a,.info-row span{color:var(--text-primary);font-size:.875rem}.info-row a{color:var(--primary);text-decoration:none}.info-row a:hover{text-decoration:underline}.event-type{border-radius:2rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.event-type.renewal{background:var(--primary-light);color:var(--primary)}.event-type.expiry{background:#fee2e2;color:var(--danger)}[data-theme=dark] .event-type.renewal{background:#2563eb33}[data-theme=dark] .event-type.expiry{background:#dc262633}@media (max-width:768px){.calendar-container{margin:.5rem;padding:1rem}.calendar-toolbar{align-items:stretch;flex-direction:column}.toolbar-filters,.toolbar-nav{justify-content:space-between}.filter-select{flex:1 1;min-width:0}.view-buttons{justify-content:space-between;width:100%}.view-buttons .btn{flex:1 1}.rbc-toolbar{display:none!important}}.pdf-export-modal{animation:modalSlideIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:90%}[data-theme=dark] .pdf-export-modal{background:#1e1e1ef2}.pdf-export-content{flex:1 1;overflow-y:auto;padding:2rem}.pdf-section{margin-bottom:2rem}.pdf-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.section-description{color:var(--text-secondary);font-size:.875rem;margin:-.5rem 0 1rem}.report-type-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.report-type-card{align-items:flex-start;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:all .2s ease}.report-type-card:hover{border-color:var(--primary);transform:translateY(-2px)}.report-type-card.selected{background:var(--primary-light);border-color:var(--primary)}[data-theme=dark] .report-type-card{color:var(--text-primary)}.report-type-icon{flex-shrink:0;font-size:1.5rem}.report-type-info h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .25rem}.report-type-info p{color:var(--text-secondary);font-size:.8rem;margin:0}.pdf-form{gap:1rem}.form-group,.pdf-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.875rem}.form-group input,.form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--primary);outline:none}.pdf-options{display:flex;flex-direction:column;gap:1rem}.checkbox-option{align-items:center;cursor:pointer;display:flex;gap:.75rem}.checkbox-option input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.checkbox-option span{color:var(--text-primary);font-size:.875rem}.date-range-inputs{align-items:center;display:flex;gap:1rem;margin-left:1.75rem;margin-top:.5rem}.date-range-inputs input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;padding:.5rem}.date-range-inputs span{color:var(--text-secondary);font-size:.875rem}.category-filter-grid{display:flex;flex-wrap:wrap;gap:.5rem}.category-filter-chip{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:2rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.category-filter-chip:hover{transform:translateY(-1px)}.category-filter-chip.selected{font-weight:500}.pdf-actions{background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin:0 -2rem -2rem;padding:1.5rem 2rem}@media (max-width:768px){.pdf-export-modal{max-height:95vh;width:95%}.pdf-export-content{padding:1.5rem}.report-type-grid{grid-template-columns:1fr}.date-range-inputs{align-items:stretch;flex-direction:column}.pdf-actions{padding:1rem 1.5rem}}.mobile-settings-menu{background:var(--bg-primary);display:flex;flex-direction:column;gap:.5rem;padding-bottom:2rem}.mobile-settings-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.mobile-settings-item:hover{background:var(--bg-tertiary);border-color:var(--primary)}.mobile-settings-icon{align-items:center;background:var(--bg-primary);border-radius:8px;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.mobile-settings-info{flex:1 1}.mobile-settings-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.mobile-settings-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.mobile-settings-arrow{color:var(--text-tertiary);font-size:1.5rem}.mobile-settings-actions{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.mobile-settings-section{background:var(--bg-primary);display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.mobile-settings-back{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.5rem 0}.mobile-settings-back span{font-size:1.5rem}.mobile-settings-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.toggle-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem 0}.toggle-content{flex:1 1}.toggle-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.toggle-switch{cursor:pointer;display:inline-block;height:28px;position:relative;width:48px}.toggle-description{color:var(--text-secondary);font-size:.75rem;margin-bottom:0;margin-top:.25rem}.toggle-input{display:none}.toggle-slider{background:var(--bg-tertiary);border-radius:34px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.toggle-slider:before{background:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:transform .3s ease;width:20px}.toggle-input:checked+.toggle-slider{background:var(--primary)}.toggle-input:checked+.toggle-slider:before{transform:translateX(20px)}.backup-options{display:flex;flex-direction:column;gap:1rem}.backup-options h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.file-input{border:1px solid var(--border-color);font-size:.875rem;padding:.75rem}.file-input,.info-message{background:var(--bg-secondary);border-radius:8px}.info-message{padding:1rem;text-align:center}.info-message p{color:var(--text-secondary);margin:0}.mobile-settings-section .form-group{margin:0 0 1rem}.mobile-settings-section .form-group:last-child{margin-bottom:0}.mobile-settings-section .form-group label:not(.toggle-switch){color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.mobile-settings-section input[type=number],.mobile-settings-section input[type=password],.mobile-settings-section input[type=text]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.mobile-settings-section .form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23999' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;width:100%}.mobile-settings-section .input-with-button{display:flex;gap:.5rem}.mobile-settings-section .input-with-button input{flex:1 1}.mobile-settings-section .btn{margin-top:1rem;width:100%}[data-theme=dark] .mobile-settings-item{background:var(--dark-card-bg)}[data-theme=dark] .mobile-settings-icon{background:#ffffff0d}.file-input-wrapper{margin-top:.5rem}.file-input-wrapper .btn{margin-top:0}.master-password-lock{align-items:center;background:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.lock-container{max-width:400px;padding:2rem;text-align:center;width:90%}.lock-icon{font-size:4rem;margin-bottom:1rem}.lock-container h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.lock-container p{color:var(--text-secondary);margin:0 0 2rem}.lock-container form{display:flex;flex-direction:column;gap:1rem}.lock-container input[type=password]{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:1rem;text-align:center;transition:border-color .2s ease}.lock-container input[type=password]:focus{border-color:var(--primary);outline:none}.lock-container input[type=password].error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:-.5rem}.unlock-button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:opacity .2s ease}.unlock-button:hover:not(:disabled){opacity:.9}.unlock-button:disabled{cursor:not-allowed;opacity:.6}.lock-icon.fingerprint-icon{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--primary-light);border:none;border-radius:50%;color:var(--primary);cursor:pointer;display:inline-flex;height:120px;justify-content:center;margin:0 auto 1.5rem;transition:transform .2s ease,background .2s ease,color .2s ease;width:120px}button.lock-icon.fingerprint-icon:disabled{cursor:not-allowed;opacity:.6}.lock-icon.fingerprint-icon:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.lock-icon.fingerprint-icon:active{transform:scale(.95)}.authenticating-text{margin-bottom:1rem}.divider-or{color:var(--text-tertiary);font-size:.75rem;letter-spacing:1px;margin:1.5rem 0;position:relative;text-align:center;text-transform:uppercase}.divider-or:after,.divider-or:before{background:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:45%}.divider-or:before{left:0}.divider-or:after{right:0}.biometric-unlock-btn{background:#0000;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.biometric-unlock-btn:hover:not(:disabled){background:var(--primary);color:#fff}.biometric-unlock-btn:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .master-password-lock{background:#0a0a0a}.export-options-modal{animation:modalSlideIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000001a;max-width:500px;padding:0;width:90%}[data-theme=dark] .export-options-modal{background:#1e1e1ef2}[data-theme=dark] .export-option-card{color:var(--text-primary)}[data-theme=dark] .export-option-card p{color:var(--text-secondary)}.modal-header{padding:1.5rem 2rem 0}.modal-close,.modal-header h2{font-size:1.5rem}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.export-options-content{padding:2rem}.export-options-message{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;text-align:center}.export-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.export-option-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .2s ease}.export-option-card:hover{border-color:var(--primary);box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.export-option-card.primary{background:var(--primary-light);border-color:var(--primary)}.export-option-card.primary:hover{background:var(--primary);color:#fff}.export-option-icon{font-size:2.5rem;margin-bottom:1rem}.export-option-card h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.export-option-card p{color:var(--text-secondary);font-size:.9rem;margin:0}.export-option-card.primary:hover p{color:#ffffffe6}@media (max-width:768px){.export-options-grid{grid-template-columns:1fr}.export-option-card{padding:1.5rem}}.share-import-container{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:2rem}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);height:50px;margin-bottom:1rem;width:50px}.error-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem;text-align:center}.error-container h2{color:var(--danger);margin-bottom:1rem}.error-container p{color:var(--text-secondary);margin-bottom:2rem}.import-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:2rem;width:100%}.import-card h2{color:var(--text-primary);margin-bottom:1.5rem}.shared-data-preview{background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:2rem;padding:1.5rem}.shared-data-preview h3{color:var(--primary);font-size:1.25rem;margin-bottom:1rem}.data-fields{display:flex;flex-direction:column;gap:.75rem}.data-field{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.data-field:last-child{border-bottom:none}.data-field label{color:var(--text-secondary);font-weight:500}.data-field span{color:var(--text-primary);max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.data-field span.sensitive{color:var(--text-tertiary);font-family:monospace}.import-actions{display:flex;gap:1rem;justify-content:flex-end}.import-actions .btn{min-width:150px}@media (max-width:768px){.share-import-container{padding:1rem}.import-card{padding:1.5rem}.data-field{align-items:flex-start;flex-direction:column;gap:.25rem}.data-field span{max-width:100%;text-align:left}.import-actions{flex-direction:column}.import-actions .btn{width:100%}}.pull-to-refresh-container{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;position:relative}.pull-to-refresh-indicator{flex-direction:column;height:60px;left:50%;position:absolute;top:-60px;transform:translateX(-50%);transition:opacity .3s ease;width:60px;z-index:1000}.pull-to-refresh-indicator,.refresh-spinner{align-items:center;display:flex;justify-content:center}.refresh-spinner{color:var(--primary-color);font-size:24px;height:30px;transition:transform .3s ease;width:30px}.pull-to-refresh-indicator.refreshing .refresh-spinner{animation:spin 1s linear infinite}.refresh-text{color:var(--text-secondary);font-size:12px;margin-top:4px;white-space:nowrap}.pull-to-refresh-content{transition:transform .3s ease}@media (max-width:768px){.pull-to-refresh-container{overscroll-behavior-y:contain}}.bulk-actions-toolbar{animation:slideUp .2s ease-out;background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 12px #0000001a;left:0;padding:1rem;position:fixed;right:0;z-index:100}.bulk-actions-info,.bulk-actions-toolbar{align-items:center;display:flex;justify-content:space-between}.bulk-actions-info{gap:1rem}.bulk-actions-info>div{display:flex;gap:.5rem}.selected-count{color:var(--text-primary);font-weight:600}.bulk-actions-buttons{align-items:center;display:flex;gap:.75rem}.category-dropdown{position:relative}.category-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);bottom:100%;box-shadow:var(--shadow-lg);left:0;margin-bottom:.5rem;max-height:300px;min-width:200px;overflow-y:auto;position:absolute}.category-option{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;transition:background .15s ease;width:100%}.category-option:hover{background:var(--bg-tertiary)}.btn-danger:hover{background:#b91c1c}@media (max-width:768px){.bulk-actions-toolbar{flex-direction:column;gap:1rem;padding:.75rem}.bulk-actions-buttons,.bulk-actions-info{justify-content:space-between;width:100%}.bulk-actions-buttons{flex-wrap:wrap}.bulk-actions-buttons .btn{flex:1 1;font-size:.875rem;min-width:0;padding:.5rem .75rem}.category-dropdown-menu{bottom:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}}.install-prompt-banner{animation:slideUp .3s ease-out;background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;padding:1rem;position:fixed;right:0;z-index:1000}.install-prompt-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.install-prompt-text{display:flex;flex-direction:column;gap:.25rem}.install-prompt-text strong{color:var(--text-primary);font-size:1rem}.install-prompt-text span{color:var(--text-secondary);font-size:.875rem}.install-button{background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.install-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.ios-install-prompt{align-items:flex-end;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ios-install-content{animation:slideUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:500px;padding:2rem;position:relative;width:100%}.ios-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s ease;width:30px}.ios-close-btn:hover{background:var(--bg-secondary)}.ios-install-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.ios-install-content h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem;text-align:center}.ios-install-content p{color:var(--text-secondary);margin:0 0 1.5rem;text-align:center}.ios-install-content ol{margin:0 0 2rem;padding-left:1.5rem;text-align:left}.ios-install-content li{color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.ios-share-icon{color:var(--primary);display:inline-flex;margin:0 .25rem;vertical-align:middle}.ios-got-it-btn{background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:500;padding:1rem;transition:all .2s ease;width:100%}.ios-got-it-btn:hover{background:var(--primary-hover)}@media (max-width:640px){.install-prompt-content{flex-wrap:wrap;text-align:center}.install-prompt-text{flex:1 1}.install-button{flex:0 0 auto}}@font-face{font-display:swap;font-family:Instink;font-style:normal;font-weight:400;src:url(../../static/media/Instink.b600ece702d4ea56e504.ttf) format("truetype")}*{box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--text-primary:#111;--text-secondary:#666;--text-tertiary:#999;--border-color:#e5e5e5;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 20px #0000001a;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--success:#16a34a;--warning:#ea580c;--danger:#dc2626;--radius:0.75rem;--radius-sm:0.5rem;--radius-lg:1rem}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#0a0a0a;--bg-tertiary:#262626;--text-primary:#fff;--text-secondary:#a3a3a3;--text-tertiary:#737373;--border-color:#404040;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 20px #00000080;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#1e3a8a;--success:#22c55e;--warning:#f97316;--danger:#ef4444}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;transition:background-color .2s ease,color .2s ease}.App,body{background-color:#fafafa;background-color:var(--bg-secondary)}.App{min-height:100vh}.header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:.6rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-brand,.header-content{align-items:center;display:flex}.header-brand{gap:.75rem}.header-logo{height:48px;object-fit:contain;width:48px}.header h1{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#1e3a8a);-webkit-background-clip:text;background-clip:text;font-family:Instink,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.42rem;font-weight:400;letter-spacing:.02em;margin:0}.header-actions{align-items:center;display:flex;gap:.75rem}.edit-mode-buttons{align-items:center;background-color:#f5f5f5;background-color:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);display:flex;gap:.5rem;padding:.25rem}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;justify-content:center;padding:.5rem 1rem;transition:all .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:#2563eb;background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-hover)}.btn-secondary{background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);color:#111;color:var(--text-primary)}.btn-secondary:hover{background:#fff;background:var(--bg-primary);border-color:#999;border-color:var(--text-tertiary)}.compare-btn{align-items:center;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;width:100%}.compare-btn:before{content:"📊"}.btn-danger{background-color:#dc2626;background-color:var(--danger)}.btn-danger:hover{background-color:#b91c1c}.btn-icon{background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);font-size:1.25rem;padding:.5rem}.btn-icon:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#111;color:var(--text-primary)}.btn-icon-small{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#999;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.375rem;transition:all .15s}.btn-icon-small:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#111;color:var(--text-primary)}.btn-icon-small svg{height:14px;width:14px}.btn-icon-small.copied{background:#16a34a1a;color:#16a34a;color:var(--success)}.btn-icon-small.copied:hover{background:#16a34a33;color:#16a34a;color:var(--success)}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.dashboard{margin:0 auto;max-width:1200px;padding:2rem}.stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);padding:1.5rem;text-align:center;transition:all .15s ease}.stat-card:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card h3{color:#999;color:var(--text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#111;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0}.filter-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-wrapper{flex:1 1;min-width:250px;position:relative}.search-icon{color:#999;color:var(--text-tertiary);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#111;color:var(--text-primary);font-size:.875rem;height:40px;padding:.5rem 1rem .5rem 3rem;transition:all .15s ease;width:100%}.search-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.search-input::placeholder{color:#999;color:var(--text-tertiary)}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);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='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#111;color:var(--text-primary);cursor:pointer;font-size:.875rem;height:40px;padding:.5rem 2.5rem .5rem 1rem;transition:all .15s ease}.filter-select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.api-grid{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.api-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);display:flex;flex-direction:column;min-height:100%;overflow:hidden;position:relative;transition:all .15s ease}.api-card:hover{box-shadow:0 10px 20px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.api-card.expiring{background:linear-gradient(180deg,#ea580c0d,#fff);background:linear-gradient(to bottom,#ea580c0d,var(--bg-primary));border-color:#ea580c;border-color:var(--warning)}.api-card.expired{background:linear-gradient(180deg,#dc26260d,#fff);background:linear-gradient(to bottom,#dc26260d,var(--bg-primary));border-color:#dc2626;border-color:var(--danger)}.api-card.expiring-today{background:linear-gradient(180deg,#dc262614,#fff);background:linear-gradient(to bottom,#dc262614,var(--bg-primary));border:2px solid #dc2626;border:2px solid var(--danger);box-shadow:0 0 0 1px #dc2626,0 4px 6px #00000012;box-shadow:0 0 0 1px var(--danger),var(--shadow-md)}.api-card.selected{background:linear-gradient(180deg,#2563eb0d,#fff);background:linear-gradient(to bottom,#2563eb0d,var(--bg-primary));border-color:#2563eb;border-color:var(--primary)}.api-card-header-left{align-items:center;display:flex;gap:.75rem}.selection-checkbox{align-items:center;-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;transition:all .15s ease;width:20px}.selection-checkbox:checked,.selection-checkbox:hover{border-color:#2563eb;border-color:var(--primary)}.selection-checkbox:checked{background:#2563eb;background:var(--primary)}.selection-checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;position:absolute;transform:rotate(45deg);width:5px}.api-card-header{align-items:center;background:#f5f5f5;background:var(--bg-tertiary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.api-card-header h3{color:#111;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.subscription-title-link{color:inherit;text-decoration:none;transition:color .2s ease}.subscription-title-link:hover{color:#2563eb;color:var(--primary);text-decoration:underline}.category-badge{border-radius:9999px;color:#fff;font-size:.6875rem;font-weight:500;letter-spacing:.05em;opacity:.9;padding:.25rem .75rem;text-transform:uppercase}.api-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.api-field{margin-bottom:.875rem}.api-field label{color:#999;color:var(--text-tertiary);display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.api-field span{color:#111;color:var(--text-primary);font-size:.875rem}.api-key-display{align-items:flex-start;background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);display:flex;font-family:Fira Code,monospace;font-size:.875rem;gap:.5rem;min-width:0;padding:.5rem .75rem}.api-key-display span{flex:1 1;min-width:0;overflow-wrap:break-word;word-break:break-all}.api-key-actions{display:flex;flex-direction:row;gap:.25rem}.api-notes-container{position:relative}.api-notes{color:#666;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.api-notes-collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notes-toggle-btn{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.25rem;padding:.25rem 0;transition:opacity .2s ease}.notes-toggle-btn:hover{opacity:.8;text-decoration:underline}.api-card-actions{background:#f5f5f5;background:var(--bg-tertiary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.25rem}.empty-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;grid-column:1/-1;padding:3rem 2rem}.empty-state svg{opacity:.2}.empty-state p{font-size:.875rem;margin:0 auto;max-width:400px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal{animation:slideUp .2s ease-out;background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 20px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#111;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#999;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:all .15s ease;width:2rem}.close-btn:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#111;color:var(--text-primary)}.modal-content,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end}form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#111;color:var(--text-primary);display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#111;color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:all .15s ease;width:100%}.form-group select{-webkit-appearance:none;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='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}[data-theme=dark] .form-group select{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='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-group select:hover{border-color:#2563eb;border-color:var(--primary)}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{animation:shake .3s ease-in-out;border-color:#dc2626;border-color:var(--danger)}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#dc2626;border-color:var(--danger);box-shadow:0 0 0 3px #dc262633}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group textarea{min-height:100px;resize:vertical}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1 1}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.75rem}.checkbox-label input[type=checkbox]{accent-color:#2563eb;accent-color:var(--primary);cursor:pointer;height:1.25rem;width:1.25rem}.help-text{background-color:#f5f5f5;background-color:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;color:#666;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;padding:1.25rem}.help-text code{background-color:#fafafa;background-color:var(--bg-secondary);border-radius:.375rem;color:#2563eb;color:var(--primary);font-family:Fira Code,monospace;font-size:.8125rem;padding:.25rem .5rem}.help-text ol{line-height:1.6;margin:.75rem 0 0 1.5rem;padding:0}.modal-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.settings-modal{max-height:600px;max-width:800px;width:90%}.settings-content{display:flex;height:500px;overflow:hidden}.settings-sidebar{background:#f5f5f5;background:var(--bg-tertiary);border-right:1px solid #e5e5e5;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem;padding:.5rem;width:200px}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .15s ease}.settings-nav-item:hover{background:#fafafa;background:var(--bg-secondary);color:#111;color:var(--text-primary)}.settings-nav-item.active{background:#2563eb;background:var(--primary);color:#fff}.settings-nav-icon{font-size:1.125rem}.settings-panel{flex:1 1;overflow-y:auto;padding:1.5rem}.settings-panel h3{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.backup-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.backup-card{background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);padding:1.5rem}.backup-card h4{color:#111;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.backup-card p{color:#666;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.backup-card .btn{width:100%}.security-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.security-card{background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);padding:1.5rem}.security-card h4{color:#111;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.security-card p{color:#666;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.security-info{background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);padding:1.5rem}.security-info h4{color:#111;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.security-info ul{list-style:disc;margin:0;padding-left:1.5rem}.security-info li{color:#666;color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:.5rem}.biometric-lock-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.biometric-lock-container{background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 20px #0000001a;box-shadow:var(--shadow-lg);max-width:400px;padding:3rem;text-align:center;width:90%}.biometric-lock-icon{cursor:pointer;font-size:4rem;margin-bottom:1rem;transition:transform .2s ease,color .2s ease}.biometric-lock-icon.fingerprint-icon{align-items:center;background:#dbeafe;background:var(--primary-light);border-radius:50%;color:#2563eb;color:var(--primary);display:inline-flex;height:120px;justify-content:center;margin:0 auto 1.5rem;width:120px}.biometric-lock-icon.fingerprint-icon:hover{background:#2563eb;background:var(--primary);color:#fff;transform:scale(1.1)}.biometric-lock-icon.fingerprint-icon:active{transform:scale(.95)}.authenticating-text{animation:pulse 1.5s ease-in-out infinite;color:#2563eb;color:var(--primary);font-size:.875rem;font-weight:500;margin-top:1rem}.biometric-lock-container h2{color:#111;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.biometric-lock-container p{color:#666;color:var(--text-secondary);margin:0 0 2rem}.biometric-error{background:#dc26261a;border-radius:.5rem;border-radius:var(--radius-sm);color:#dc2626;color:var(--danger);font-size:.875rem;margin-bottom:1rem;padding:.75rem}.biometric-unlock-btn{margin-bottom:1rem;width:100%}.btn-link{background:#0000;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-size:.875rem;padding:.5rem;text-decoration:underline}.btn-link:hover{color:#1d4ed8;color:var(--primary-hover)}.text-warning{color:#ea580c!important;color:var(--warning)!important}.text-danger{color:#dc2626!important;color:var(--danger)!important}.theme-toggle{background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .15s ease}.theme-toggle:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#111;color:var(--text-primary);transform:rotate(15deg)}@media (max-width:640px){.header-content{flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;justify-content:center;width:100%}.stats{grid-template-columns:1fr}.filter-section{flex-direction:column}.api-grid{grid-template-columns:1fr}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e5e5e5;background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-tertiary)}::selection{background-color:#2563eb;background-color:var(--primary);color:#fff}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--glass-bg) 0,#ffffff1a 50%,var(--glass-bg) 100%);background-size:1000px 100%}.glow-blue{box-shadow:0 0 40px var(--neon-blue)}.glow-teal{box-shadow:0 0 40px var(--neon-teal)}.view-toggle{align-items:center;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);height:40px}.view-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:calc(var(--radius-sm) - .125rem);color:#999;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .15s ease}.view-btn:hover{color:#666;color:var(--text-secondary)}.view-btn.active{background:#fff;background:var(--bg-primary);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--primary)}.category-view{display:flex;flex-direction:column;gap:2rem}.category-section{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);overflow:hidden;transition:all .2s ease}.category-section.drag-over{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.01)}.category-header{align-items:center;background:#f5f5f5;background:var(--bg-tertiary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);color:#111;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0;padding:1rem 1.5rem}.category-count{background:#fff;background:var(--bg-primary);border-radius:9999px;color:#666;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-left:auto;padding:.125rem .5rem}.category-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));min-height:120px;padding:1rem}.empty-category{align-items:center;border:2px dashed #e5e5e5;border:2px dashed var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#999;color:var(--text-tertiary);display:flex;font-size:.875rem;grid-column:1/-1;justify-content:center;padding:2rem;transition:all .2s ease}.category-section.empty .category-items{padding:0}.category-section.empty .empty-category{margin:1rem;min-height:100px}.draggable-item{cursor:move;transition:transform .15s ease}.draggable-item:active{cursor:grabbing}.draggable-item:hover{transform:scale(1.02)}.draggable-item .api-card:hover{transform:none}.api-card-actions-modern{background:#f5f5f5;background:var(--bg-tertiary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color)}.action-btn,.api-card-actions-modern{display:flex;overflow:visible;position:relative}.action-btn{align-items:center;background:#0000;border:none;color:#666;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s ease}.action-btn:before{background:currentColor;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.action-btn:hover:before{opacity:.1}.action-btn svg{height:16px;transition:transform .2s ease;width:16px}.action-btn:hover svg{transform:scale(1.1)}.action-btn span{position:relative;z-index:1}.action-share{color:#16a34a;color:var(--success)}.action-share:hover{background:#0596690d;color:#059669}.action-edit{color:#2563eb;color:var(--primary)}.action-edit:hover{background:#2563eb0d;color:#1d4ed8;color:var(--primary-hover)}.action-delete{color:#dc2626;color:var(--danger)}.action-delete:hover{background:#dc26260d;color:#b91c1c}.action-divider{align-self:stretch;background:#e5e5e5;background:var(--border-color);margin:.5rem 0;width:1px}.modal-large{max-width:700px}.category-manager{padding:1.5rem}.category-list{border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.category-item{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .15s ease}.category-item:last-child{border-bottom:none}.category-item:hover{background:#f5f5f5;background:var(--bg-tertiary)}.category-info{align-items:center;display:flex;gap:1rem}.category-color-badge{align-items:center;border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.category-name{color:#111;color:var(--text-primary);font-weight:500}.category-actions{display:flex;gap:.5rem}.category-edit-form{align-items:center;display:flex;gap:.75rem;width:100%}.category-edit-form input[type=text]{flex:1 1}.category-edit-form input[type=color]{border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;height:38px;width:50px}.emoji-input{font-size:1.25rem;text-align:center;width:60px}.add-category-btn{margin-bottom:1.5rem;width:100%}.add-category-form{background:#f5f5f5;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.color-picker-section{align-items:center;display:flex;gap:1rem}.color-presets{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.color-preset{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all .15s ease;width:28px}.color-preset:hover{transform:scale(1.1)}.color-preset.selected{border-color:#111;border-color:var(--text-primary);box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--bg-primary)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.add-category-form-modern{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:2rem}.add-category-form-modern h3{color:#111;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.form-section{margin-bottom:1.5rem}.form-section label{color:#666;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;letter-spacing:.025em;margin-bottom:.75rem;text-transform:uppercase}.category-name-input{background:#fff;background:var(--bg-primary);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#111;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.category-name-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.color-grid{display:flex;flex-wrap:wrap;gap:.75rem}.emoji-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(6,1fr);max-width:400px}.preset-button{align-items:center;aspect-ratio:1;background:#fff;background:var(--bg-primary);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.color-grid .preset-button{flex-shrink:0;height:40px;width:60px}.emoji-grid .preset-button{aspect-ratio:1;min-height:48px}.preset-button:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.preset-button.selected{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light)}.preset-button.selected:after{align-items:center;background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--primary);content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:2px;width:20px}.color-preset{border:3px solid #fff;border:3px solid var(--bg-primary);box-shadow:inset 0 0 0 2px #e5e5e5;box-shadow:inset 0 0 0 2px var(--border-color)}.emoji-preset{font-size:1.5rem}.custom-button,.emoji-preset{background:#f5f5f5;background:var(--bg-tertiary)}.custom-button{color:#666;color:var(--text-secondary);font-size:1.25rem;font-weight:600}.custom-button:hover{background:#fafafa;background:var(--bg-secondary);color:#111;color:var(--text-primary)}.custom-button.color-custom{font-size:1rem}.custom-button svg{height:18px;width:18px}.add-category-form-modern .form-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.add-category-form-modern .btn{flex:1 1;font-weight:500;padding:.875rem}.add-category-form-modern .btn:disabled{cursor:not-allowed;opacity:.5}.confirm-modal{animation:slideUp .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001a;max-width:400px;padding:2.5rem;text-align:center;width:90%}[data-theme=dark] .confirm-modal{background:#1e1e1eb3;border:1px solid #ffffff1a}.confirm-icon{animation:pulse 2s infinite;display:inline-block;font-size:3rem;margin-bottom:1rem}.confirm-icon.danger{filter:drop-shadow(0 0 20px rgba(239,68,68,.5))}.confirm-icon.warning{filter:drop-shadow(0 0 20px rgba(245,158,11,.5))}.confirm-icon.info{filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}.confirm-icon.success{filter:drop-shadow(0 0 20px rgba(34,197,94,.5))}.confirm-icon.error{filter:drop-shadow(0 0 20px rgba(239,68,68,.5))}.confirm-title{color:#111;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.confirm-message{color:#666;color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0 0 2rem}.confirm-actions{display:flex;gap:1rem;justify-content:center}.confirm-actions .btn{min-width:100px}.color-picker-wrapper{display:inline-block;height:40px;position:relative;width:60px}.hidden-color-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.ai-info{background:#f5f5f5;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem}.ai-setup-button{margin:1.5rem 0;text-align:center}.ai-features{background:#f5f5f5;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius);margin-top:1.5rem;padding:1rem}.ai-features h4{color:#111;color:var(--text-primary);margin:0 0 .75rem}.ai-features ul{margin:0;padding-left:1.5rem}.ai-features li{color:#666;color:var(--text-secondary);margin:.5rem 0}.ai-settings-modal{max-width:700px;width:90%}.modal-header-content{align-items:center;display:flex;gap:1rem}.modal-icon{align-items:center;background:#f5f5f5;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius);display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.modal-subtitle{color:#666;color:var(--text-secondary);font-size:.875rem;font-weight:400;margin:.25rem 0 0}.ai-intro-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.ai-intro-card{background:linear-gradient(135deg,#f5f5f5,#3b82f60d);background:linear-gradient(135deg,var(--bg-tertiary) 0,#3b82f60d 100%);border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius);cursor:default;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative}.ai-intro-card:before{background:#2563eb;background:var(--primary);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:3px}.ai-intro-icon{align-items:center;background:#3b82f61a;border-radius:.5rem;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.ai-intro-content h4{color:#111;color:var(--text-primary);font-size:1rem;margin:0 0 .25rem}.ai-intro-content p{color:#666;color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.ai-form-section{margin-top:2rem}.form-label{align-items:center;display:flex;font-weight:500;gap:.25rem;margin-bottom:.75rem}.label-text{color:#111;color:var(--text-primary)}.label-required{color:#dc2626;color:var(--danger)}.provider-select-wrapper{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.provider-option{align-items:center;background:#f5f5f5;background:var(--bg-tertiary);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:all .2s}.provider-option:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.provider-option.active,.provider-option:hover{border-color:#2563eb;border-color:var(--primary)}.provider-option.active{background:#dbeafe;background:var(--primary-light)}.provider-logo{align-items:center;background:#fff;background:var(--bg-primary);border-radius:.75rem;border-radius:var(--radius);display:flex;height:60px;justify-content:center;width:60px}.provider-details h4{color:#111;color:var(--text-primary);font-size:1.125rem;margin:0}.provider-details p{color:#666;color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.provider-price{background:#22c55e1a;border-radius:.5rem;border-radius:var(--radius-sm);color:#16a34a;color:var(--success);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.api-key-input-wrapper{display:flex;gap:.5rem;margin-bottom:.5rem}.api-key-input{background:#f5f5f5;background:var(--bg-tertiary);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);color:#111;color:var(--text-primary);flex:1 1;font-family:Consolas,Monaco,monospace;font-size:.95rem;padding:.875rem 1rem;transition:all .2s}.api-key-input:focus{background:#fff;background:var(--bg-primary);border-color:#2563eb;border-color:var(--primary);outline:none}.toggle-visibility-btn{background:#f5f5f5;background:var(--bg-tertiary);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);cursor:pointer;font-size:1.25rem;padding:0 1rem;transition:all .2s}.toggle-visibility-btn:hover{background:#fafafa;background:var(--bg-secondary);border-color:#2563eb;border-color:var(--primary)}.input-success-message{align-items:center;color:#16a34a;color:var(--success);display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem}.setup-guide{background:#f5f5f5;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius);margin-top:2rem;padding:1.5rem}.setup-guide-title{color:#111;color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.setup-steps{display:flex;flex-direction:column;gap:.75rem}.setup-step{gap:1rem}.setup-step,.step-number{align-items:center;display:flex}.step-number{background:#2563eb;background:var(--primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.step-content p{color:#666;color:var(--text-secondary);font-size:.875rem;margin:0}.step-content a{color:#2563eb;color:var(--primary);font-weight:500;text-decoration:none}.step-content a:hover{text-decoration:underline}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:640px){.ai-intro-section,.provider-select-wrapper{grid-template-columns:1fr}.ai-settings-modal{max-width:100%}}.ai-recommendations-modal{max-width:700px;width:90%}.empty-state-modern{padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-modern h3{color:#111;color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.empty-state-modern p{color:#666;color:var(--text-secondary);font-size:1rem;margin:0}.cost-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.cost-card{background:#f5f5f5;background:var(--bg-tertiary);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);padding:1.5rem;text-align:center}.total-cost-card{background:linear-gradient(135deg,#f5f5f5,#3b82f61a);background:linear-gradient(135deg,var(--bg-tertiary) 0,#3b82f61a 100%);border-color:#2563eb;border-color:var(--primary)}.budget-card{background:#f5f5f5;background:var(--bg-tertiary)}.cost-label{color:#666;color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.cost-value{color:#2563eb;color:var(--primary);font-size:2.5rem;font-weight:700;margin:.5rem 0}.cost-meta{color:#999;color:var(--text-tertiary);font-size:.75rem}.budget-input-wrapper{align-items:center;display:flex;gap:.25rem;justify-content:center;margin:.5rem 0}.currency-symbol{color:#666;color:var(--text-secondary);font-size:1.5rem;font-weight:500}.budget-input{background:#0000;border:none;color:#111;color:var(--text-primary);font-size:2.5rem;font-weight:700;outline:none;text-align:center;width:150px}.budget-input::placeholder{color:#999;color:var(--text-tertiary);opacity:.5}.analyze-button{align-items:center;background:#2563eb;background:var(--primary);border:none;border-radius:.75rem;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:2rem;padding:1.25rem;transition:all .2s;width:100%}.analyze-button:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.analyze-button:disabled{cursor:not-allowed;opacity:.7}.button-icon{font-size:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.recommendations-results{background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);overflow:hidden}.results-header{align-items:center;background:#fafafa;background:var(--bg-secondary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.results-header h3{align-items:center;color:#111;color:var(--text-primary);display:flex;font-size:1.125rem;gap:.5rem;margin:0}.results-icon{font-size:1.25rem}.results-badge{background:#2563eb;background:var(--primary);border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.results-content{max-height:400px;overflow-y:auto;padding:1.5rem}.result-item{color:#111;color:var(--text-primary);display:flex;gap:.75rem;line-height:1.6;margin:.75rem 0}.result-bullet{color:#2563eb;color:var(--primary);flex-shrink:0;font-weight:600}.result-numbered{color:#111;color:var(--text-primary);font-weight:500;margin:.75rem 0}.result-spacer{height:.5rem}.result-labeled{color:#111;color:var(--text-primary);margin:.75rem 0}.result-labeled strong{color:#2563eb;color:var(--primary)}.result-paragraph{color:#111;color:var(--text-primary);line-height:1.6;margin:.75rem 0}.results-content::-webkit-scrollbar{width:8px}.results-content::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-tertiary)}.results-content::-webkit-scrollbar-thumb{background:#e5e5e5;background:var(--border-color);border-radius:4px}.results-content::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-tertiary)}@media (max-width:640px){.cost-overview{grid-template-columns:1fr}.ai-recommendations-modal{max-width:100%}}.ai-menu-container{animation:slideDown .2s ease-out;position:fixed;right:20px;top:70px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-menu{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 20px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;width:320px}.ai-menu-header{align-items:center;background:#f5f5f5;background:var(--bg-tertiary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.ai-menu-header h3{color:#111;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.ai-menu-header .close-btn{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.ai-menu-header .close-btn:hover{background:#fafafa;background:var(--bg-secondary);color:#111;color:var(--text-primary)}.ai-menu-content{padding:1rem}.ai-status-configured,.ai-status-not-configured{align-items:center;border-radius:.75rem;border-radius:var(--radius);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.ai-status-configured{background:#22c55e1a;color:#16a34a;color:var(--success)}.ai-status-not-configured{background:#f59e0b1a;color:#ea580c;color:var(--warning)}.status-icon{font-size:1rem}.ai-menu-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.ai-menu-option{align-items:center;background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s;width:100%}.ai-menu-option:hover{background:#fafafa;background:var(--bg-secondary);border-color:#2563eb;border-color:var(--primary);transform:translateX(2px)}.option-icon{align-items:center;background:#fff;background:var(--bg-primary);border-radius:.5rem;border-radius:var(--radius-sm);display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.option-content{flex:1 1}.option-title{color:#111;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.option-description{color:#666;color:var(--text-secondary);font-size:.75rem;line-height:1.3}.option-arrow{color:#999;color:var(--text-tertiary);font-size:1.25rem}.ai-menu-info{background:#f5f5f5;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius);color:#666;color:var(--text-secondary);font-size:.75rem;line-height:1.4;padding:.75rem;text-align:center}.ai-menu-info p{margin:0}@media (max-width:640px){.ai-menu-container{right:10px;top:60px}.ai-menu{max-width:320px;width:calc(100vw - 20px)}}.text-secondary{color:#666;color:var(--text-secondary)}.mobile-filter-btn{align-items:center;background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:var(--radius-md);color:#111;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.mobile-filter-btn:hover{background:#f5f5f5;background:var(--bg-tertiary);border-color:#2563eb;border-color:var(--primary)}.mobile-filter-btn:active{transform:scale(.98)}@media (max-width:768px){.action-btn,.btn,.btn-icon,.btn-icon-small{min-height:44px;min-width:44px}.dashboard{padding:1rem}.dashboard-controls{flex-wrap:wrap;gap:.75rem}.search-wrapper{flex:1 1 100%;order:-1}.view-toggle{order:1}.mobile-filter-btn{order:2}.api-grid{gap:.75rem;grid-template-columns:1fr}.api-card{border-radius:12px}.api-card-header{padding:1rem}.api-card-content{padding:0 1rem 1rem}.api-field label{font-size:.75rem}.api-field span{font-size:.875rem}.modal-backdrop{align-items:flex-end}.modal{border-radius:24px 24px 0 0;margin:0;max-height:90vh;max-width:none;width:100%}.header{gap:.75rem;padding:.75rem 1rem}.header-title{font-size:1.5rem}.header-logo{height:32px}.header-actions{gap:.5rem}.header-actions .btn{font-size:.813rem;padding:.5rem .75rem}.stats{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.stat{flex-basis:calc(50% - 0.375rem);flex-grow:1;flex-shrink:1;min-width:140px;padding:1rem}.modal form{gap:1rem}.form-row{flex-direction:column}.form-group{flex:1 1 100%}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px;min-height:44px}.category-badge{font-size:.75rem;padding:.375rem .75rem}.pull-to-refresh-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@supports (-webkit-touch-callout:none){.modal{padding-bottom:env(safe-area-inset-bottom)}.header{padding-top:env(safe-area-inset-top)}}@media (max-width:768px){.settings-content{flex-direction:column;height:calc(100vh - 6rem)}.settings-nav{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;gap:.5rem;overflow-x:auto;padding:.5rem;width:100%}.settings-nav-item{flex-direction:column;font-size:.75rem;gap:.25rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .75rem}.settings-nav-item span:not(.settings-nav-icon){display:none}.settings-nav-icon{font-size:1.5rem}.settings-panel{padding:1rem}@media (min-width:480px){.settings-nav-item span:not(.settings-nav-icon){display:inline}.settings-nav-item{flex-direction:row;gap:.5rem}.settings-nav-icon{font-size:1.125rem}}}.list-view{background:#fafafa;background:var(--bg-secondary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 20px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.list-table{border-collapse:collapse;width:100%}.list-table thead{background:#f5f5f5;background:var(--bg-tertiary);border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-color)}.list-table th{color:#666;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.list-table th.sortable{cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.list-table th.sortable:hover{color:#111;color:var(--text-primary)}.sort-indicator{color:#2563eb;color:var(--primary);margin-left:.25rem}.checkbox-column{text-align:center!important;width:40px}.list-row{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.list-row:hover{background:#3b82f60d}.list-row.selected{background:#3b82f61a}.list-table td{padding:1rem;vertical-align:middle}.service-name-cell{gap:.5rem}.expand-btn,.service-name-cell{align-items:center;display:flex}.expand-btn{background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-size:.75rem;height:20px;justify-content:center;padding:0;transition:transform .2s ease;width:20px}.expand-btn:hover,.service-name{color:#111;color:var(--text-primary)}.service-name{font-weight:500}.badge{border-radius:.5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.badge-free{background:#22c55e1a;color:#22c55e}.category-cell{align-items:center;display:flex;font-weight:500;gap:.5rem}.cost-cell{color:#111;color:var(--text-primary);font-weight:600}.billing-cycle,.cost-cell.free{color:#666;color:var(--text-secondary)}.billing-cycle{font-size:.875rem;font-weight:400}.no-expiry{color:#666;color:var(--text-secondary)}.action-buttons{display:flex;gap:.5rem}.action-buttons .btn-icon-small{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-buttons .btn-icon-small:hover{background:#f5f5f5;background:var(--bg-tertiary);transform:translateY(-1px)}.action-buttons .btn-icon-small.delete{color:var(--text-danger)}.action-buttons .btn-icon-small.delete:hover{background:#ef44441a;border-color:#ef44444d}.expanded-row td{background:#f5f5f5;background:var(--bg-tertiary);padding:0}.expanded-content{grid-gap:1rem;display:grid;gap:1rem;padding:1.5rem}.detail-item{align-items:flex-start;display:flex;gap:.5rem}.detail-item strong{color:#666;color:var(--text-secondary);min-width:120px}.detail-item a{color:#2563eb;color:var(--primary);text-decoration:none}.detail-item a:hover{text-decoration:underline}.masked{color:#666;color:var(--text-secondary);font-family:monospace}.custom-field-item{margin-left:120px;margin-top:.25rem}.empty-state{color:#666;color:var(--text-secondary);padding:3rem;text-align:center}.view-toggle{border-radius:var(--radius-md);display:flex;gap:.25rem;padding:.25rem}.expand-collapse-btn,.view-toggle{background:#f5f5f5;background:var(--bg-tertiary)}.expand-collapse-btn{border:1px solid #e5e5e5;border:1px solid var(--border-color);font-size:.75rem;height:auto;min-width:100px;padding:.25rem .75rem;white-space:nowrap}.expand-collapse-btn:hover{background:#fafafa;background:var(--bg-secondary);transform:translateY(-1px)}.compact-mode-btn{background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-color);font-size:.875rem;height:40px;padding:.5rem .75rem;white-space:nowrap}.compact-mode-btn.active{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.compact-grid{align-items:stretch;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.compact-grid .draggable-card-wrapper{display:flex}.compact-grid .api-card.compact{height:100%;width:100%}.api-card.compact{display:flex;flex-direction:column;min-height:auto;padding:.75rem}.api-card.compact.edit-mode{padding:0}.compact-content{display:flex;flex-direction:column;padding:.75rem}.api-card.compact.edit-mode .compact-content{flex:0 1}.api-card.compact:not(.edit-mode) .compact-content{padding:0}.compact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.compact-title-row{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.compact-service-name{flex:1 1;font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-free-compact{background:#22c55e1a;border-radius:.5rem;border-radius:var(--radius-sm);color:#22c55e;font-size:.625rem;font-weight:600;padding:.125rem .375rem}.compact-cost{color:#2563eb;color:var(--primary);font-size:.875rem;font-weight:600;white-space:nowrap}.compact-info{display:flex;flex-direction:column;gap:.375rem}.compact-email{color:#666;color:var(--text-secondary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-key-section{align-items:center;display:flex;font-size:.75rem;gap:.25rem}.compact-label{color:#666;color:var(--text-secondary);font-weight:500;min-width:-webkit-fit-content;min-width:fit-content}.compact-key-display{align-items:center;display:flex;flex:1 1;gap:.25rem}.compact-key-display span{flex:1 1;font-family:monospace;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-btn{align-items:center;background:none;border:none;color:#111;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.75rem;justify-content:center;opacity:.7;padding:.125rem;transition:opacity .2s ease}.compact-btn:hover{opacity:1}.compact-btn svg{color:currentColor;height:12px;width:12px}.compact-expiry{align-items:center;display:flex;font-size:.75rem;gap:.25rem}.compact-date{font-weight:500}.compact-date.warning{color:var(--text-warning)}.compact-date.danger{color:var(--text-danger)}.compact-days{font-size:.7rem;opacity:.8}.api-card.compact .selection-checkbox{flex-shrink:0;margin-right:.5rem}.api-card.compact .api-card-actions-modern{margin-top:auto}@media (max-width:768px){.compact-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.api-card.compact{font-size:.875rem}.compact-service-name{font-size:.75rem}.compact-info{font-size:.7rem}.api-card.compact .api-card-actions-modern{align-items:stretch;display:flex}.api-card.compact .action-btn{flex:1 1;font-size:.75rem;min-width:0;padding:.625rem .25rem}.api-card.compact .action-btn span{font-size:.7rem}.api-card.compact .action-btn svg{height:14px;width:14px}.api-card.compact .action-divider{flex-shrink:0;margin:.375rem 0}.list-view{-webkit-overflow-scrolling:touch;overflow-x:auto}.list-table{min-width:600px}.list-table td,.list-table th{padding:.75rem .5rem}.service-name-cell{flex-wrap:wrap}.detail-item{flex-direction:column;gap:.25rem}.detail-item strong{min-width:auto}.custom-field-item{margin-left:0}}.draggable-card-wrapper{cursor:grab;transition:transform .2s ease}.draggable-card-wrapper[draggable=false]{cursor:default}.draggable-card-wrapper[draggable=true]:active{cursor:grabbing}.draggable-card-wrapper.drag-over{position:relative;transform:scale(1.02)}.draggable-card-wrapper:not(:has(.divider-card)).drag-over:before{border:3px dashed #2563eb;border:3px dashed var(--primary);border-radius:.75rem;border-radius:var(--radius);content:"";inset:-4px;opacity:.7;pointer-events:none;position:absolute;z-index:1}.draggable-card-wrapper[draggable=true]{position:relative}.draggable-card-wrapper[draggable=true]:hover:after{background:#f5f5f5;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#666;color:var(--text-secondary);content:"⋮⋮";font-size:14px;padding:2px 6px;position:absolute;right:10px;top:10px;z-index:10}.draggable-card-wrapper:active{opacity:.5}.divider-card{align-items:center;display:flex;gap:1rem;grid-column:1/-1;padding:1rem 0;position:relative;-webkit-user-select:none;user-select:none}.divider-card.compact{gap:.75rem;padding:.5rem 0}.divider-line{background:#e5e5e5;background:var(--border-color);flex:1 1;height:2px;position:relative}.divider-line.left{background:linear-gradient(90deg,#0000,#e5e5e5);background:linear-gradient(to right,#0000,var(--border-color))}.divider-line.right{background:linear-gradient(270deg,#0000,#e5e5e5);background:linear-gradient(to left,#0000,var(--border-color))}.divider-label{background:#fafafa;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius);color:#666;color:var(--text-secondary);white-space:nowrap}.divider-label,.divider-label-input{font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.25rem 1rem;text-transform:uppercase}.divider-label-input{border:2px solid #2563eb;border:2px solid var(--primary);color:#111;color:var(--text-primary);min-width:120px;outline:none;text-align:center}.divider-actions,.divider-label-input{background:#fff;background:var(--bg-primary);border-radius:.5rem;border-radius:var(--radius-sm)}.divider-actions{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:.25rem;padding:.125rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.divider-action-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.divider-action-btn:hover{background:#f5f5f5;background:var(--bg-tertiary)}.divider-action-btn.delete{color:#dc2626;color:var(--danger)}.divider-action-btn.delete:hover{background:#dc26261a}.api-grid .draggable-card-wrapper:has(.divider-card){grid-column:1/-1}.compact-grid .draggable-card-wrapper:has(.divider-card){display:block;grid-column:1/-1;height:auto}.compact-grid .divider-card{width:100%}.draggable-card-wrapper:has(.divider-card){position:relative}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.draggable-card-wrapper:has(.divider-card).drag-over{transform:none}.draggable-card-wrapper:has(.divider-card).drag-over:after{display:none}.placeholder-card{background:#0000;border:2px dashed #e5e5e5;border:2px dashed var(--border-color);border-radius:.75rem;border-radius:var(--radius);min-height:180px;opacity:0;pointer-events:none;transition:all .2s ease}.api-grid:has(.draggable-card-wrapper[draggable=true]) .placeholder-card{opacity:.3;pointer-events:all}.placeholder-card:hover{background:#2563eb0d;border-color:#2563eb;border-color:var(--primary);opacity:.5}.placeholder-card.drag-over{background:#2563eb1a;border-color:#2563eb;border-color:var(--primary);opacity:.7;transform:scale(1.02)}.compact-grid .placeholder-card{aspect-ratio:1.5;min-height:auto}
/*# sourceMappingURL=main.f31d663e.css.map*/