*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-y:scroll!important;scroll-behavior:smooth}body{background-color:var(--bg-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);overflow-y:auto!important;transition:background-color var(--transition-base),color var(--transition-base)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h2,h3{font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h4,h5{font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}a{border-bottom:1px solid #0000;color:var(--color-primary);transition:color var(--transition-fast)}a:hover{border-bottom-color:initial;color:var(--color-primary-hover)}.btn,.btn *,.btn:hover,.btn:hover *,.home-nav-link,.home-nav-link:hover,.logout-btn,.logout-btn:hover,.nav-link,.nav-link:hover,.sidebar-toggle,.sidebar-toggle:hover,.theme-toggle,.theme-toggle:hover,a.btn,a.btn:hover,a[class*=btn],a[class*=btn]:hover,button,button *,button:hover,button:hover *{text-decoration:none!important}ol,ul{list-style:none;margin:0;padding:0}img{display:block;height:auto;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--text-inverse)}:not(.search-suggestions)::-webkit-scrollbar{height:8px;width:8px}:not(.search-suggestions)::-webkit-scrollbar-track{background:var(--bg-elevated)}:not(.search-suggestions)::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}:not(.search-suggestions)::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.modal{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);box-shadow:none;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin:0;text-transform:uppercase}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-none);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.modal-actions,.modal-content{padding:var(--space-6)}.modal-actions{border-top:2px solid var(--border-primary);display:flex;gap:var(--space-4);justify-content:flex-end}.password-modal{max-width:600px;width:95%}.modal-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6);text-align:center}.password-form{display:flex;flex-direction:column;gap:var(--space-4)}.password-form .form-group{margin-bottom:0}.password-form .modal-actions{justify-content:space-between;margin-top:var(--space-6)}.password-form .modal-actions .btn{flex:1 1;max-width:200px}@media (max-width:768px){.password-modal{margin:var(--space-4);width:98%}.password-form .modal-actions{flex-direction:column;gap:var(--space-3)}.password-form .modal-actions .btn{max-width:none;width:100%}}.btn-danger{--btn-text:var(--text-inverse);--btn-bg:#dc2626;--btn-border:#dc2626;--btn-hover-text:#dc2626;--btn-hover-bg:var(--text-inverse);--btn-hover-border:#dc2626}.profile-actions .btn{border:2px solid var(--text-primary);box-shadow:none}.profile-actions .btn:hover{border-color:var(--text-primary);box-shadow:none}.import-export-actions .btn{background:var(--text-primary);border:2px solid var(--text-primary);color:var(--bg-primary)}.import-export-actions .btn:hover{background:var(--bg-primary);border-color:var(--text-primary);color:var(--text-primary)}.approval-actions .btn{border:2px solid var(--text-primary);box-shadow:none}.approval-actions .btn:hover{border-color:var(--text-primary);box-shadow:none}.import-export-actions{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr}.action-section{background:#fff;border-radius:var(--radius-none);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-fast)}[data-theme=dark] .action-section{background:#000}.action-section:before{background:#000;content:"";height:100%;left:-100%;opacity:.05;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}[data-theme=dark] .action-section:before{background:#fff}.action-section:hover:before{transform:translateX(100%)}.action-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-section>*{position:relative;z-index:2}.action-section h2{color:#000;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin:0 0 var(--space-2) 0;text-transform:uppercase}[data-theme=dark] .action-section h2{color:#fff}.action-section p{color:#333;font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0}[data-theme=dark] .action-section p{color:#ccc}.action-controls{align-items:stretch;display:flex;flex-direction:column;gap:var(--space-3)}.action-controls .form-input,.action-controls .form-select{width:100%}.action-controls .btn{margin-top:var(--space-2);width:100%}@media (max-width:768px){.import-export-actions{gap:var(--space-6);grid-template-columns:1fr}.action-controls{align-items:stretch;flex-direction:column}.action-controls .btn,.action-controls .form-input,.action-controls .form-select{width:100%}}.import-form{gap:var(--space-4)}.form-group,.import-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:#000;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}[data-theme=dark] .form-group label{color:#fff}.form-input,.form-select{appearance:none;background:#fff;border:2px solid #000;border-radius:var(--radius-none);color:#000;font-size:var(--font-size-base);outline:none;padding:var(--space-3);transition:all var(--transition-fast)}.form-select{appearance:none;-webkit-appearance:none;-moz-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='%23000' 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 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}[data-theme=dark] .form-input,[data-theme=dark] .form-select{appearance:none;background-color:#000;border:2px solid #fff;color:#fff;outline:none}[data-theme=dark] .form-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='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-input:focus,.form-select:focus{border-color:#000;box-shadow:0 0 0 2px #000;outline:none}.form-input::-webkit-focus-ring-color,.form-select::-webkit-focus-ring-color{outline:none}.form-input:focus-visible,.form-select:focus-visible{outline:2px solid #000;outline-offset:2px}[data-theme=dark] .form-input:focus-visible,[data-theme=dark] .form-select:focus-visible{outline:2px solid #fff;outline-offset:2px}.form-select::-ms-expand{display:none}.form-select{color-scheme:light}[data-theme=dark] .form-select{color-scheme:dark}.action-controls select{appearance:none;background:#fff;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #000;border-radius:var(--radius-none);color:#000;font-size:var(--font-size-base);outline:none;padding:var(--space-3);padding-right:40px;transition:all var(--transition-fast)}[data-theme=dark] .action-controls select{background:#000;border:2px solid #fff;color:#fff}.action-controls select:focus{border-color:#000;outline-offset:2px}.action-controls select option{background:#fff;border:none;color:#000;font-size:var(--font-size-base);padding:var(--space-2)}[data-theme=dark] .action-controls select option{background:#000;border:none;color:#fff}.action-controls select option:checked{background:#f0f0f0;color:#000}[data-theme=dark] .action-controls select option:checked{background:#2a2a2a;color:#fff}.action-controls select option:hover{background:#f5f5f5;color:#000}[data-theme=dark] .action-controls select option:hover{background:#1a1a1a;color:#fff}option{background:#fff;border:none;color:#000;font-size:var(--font-size-base);padding:var(--space-2)}[data-theme=dark] option{background:#000;border:none;color:#fff}option:checked{background:#f0f0f0;color:#000}[data-theme=dark] option:checked{background:#2a2a2a;color:#fff}option:hover{background:#f5f5f5;color:#000}[data-theme=dark] option:hover{background:#1a1a1a;color:#fff}.form-input[type=file]{cursor:pointer;padding:var(--space-2)}.form-input[type=file]::-webkit-file-upload-button{background:#fff;border:2px solid #000;border-radius:var(--radius-none);color:#000;cursor:pointer;margin-right:var(--space-3);padding:var(--space-2) var(--space-3);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}[data-theme=dark] .form-input[type=file]::-webkit-file-upload-button{background:#000;border:2px solid #fff;color:#fff}.form-input[type=file]::-webkit-file-upload-button:hover{background:#f5f5f5;border-color:#000}[data-theme=dark] .form-input[type=file]::-webkit-file-upload-button:hover{background:#1a1a1a;border-color:#fff}@media (max-width:768px){.import-export-grid{gap:var(--space-4);grid-template-columns:1fr}.import-export-card{padding:var(--space-4)}}.btn-success{--btn-text:var(--text-inverse);--btn-bg:var(--color-success);--btn-border:var(--color-success);--btn-hover-text:var(--color-success);--btn-hover-bg:var(--text-inverse);--btn-hover-border:var(--color-success)}.form-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer}.password-input-group{gap:var(--space-2)}.password-input-group .form-input{flex:1 1}.password-input-group .btn{--btn-text:var(--text-primary);--btn-bg:var(--bg-elevated);--btn-border:var(--border-primary);--btn-hover-text:var(--text-inverse);--btn-hover-bg:var(--text-primary);--btn-hover-border:var(--border-primary);border-radius:var(--radius-none);flex-shrink:0;font-size:var(--font-size-sm);height:44px;min-width:44px;overflow:hidden;padding:var(--space-3);position:relative}.password-input-group .btn:before{background:var(--btn-hover-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.password-input-group .btn:hover:before{width:100%}.password-input-group .btn:not(:hover):before{width:0}.password-input-group .btn i{font-size:var(--font-size-sm);position:relative;z-index:1}.password-input-group .btn:hover i{color:var(--btn-hover-text)}.password-input-group .btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.password-input-group .btn:disabled:before{display:none}.card{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);box-shadow:var(--shadow-base);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-fast)}.card:before{background:var(--text-primary);content:"";height:100%;left:-100%;opacity:.05;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.card:hover:before{transform:translateX(100%)}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card>*{position:relative;z-index:2}.card-header{border-bottom:2px solid var(--border-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-2)}a{color:inherit}a,a:hover{text-decoration:none}.loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);justify-content:center;min-height:200px}.pixelated-spinner{grid-gap:2px;gap:2px;height:32px;width:32px}.pixelated-spinner .pixel{background:var(--color-primary);height:6px;width:6px}.loading-text{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.1em;text-transform:uppercase}.message-popup{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);box-shadow:var(--shadow-xl);max-width:400px;opacity:0;overflow:hidden;position:fixed;right:var(--space-6);top:var(--space-6);transform:translateX(100%);transition:all var(--transition-slow);z-index:var(--z-modal)}.message-popup.show{opacity:1;transform:translateX(0)}.message-popup.success{border-left:4px solid var(--color-success)}.message-popup.error{border-left:4px solid var(--color-error)}.message-popup.warning{border-left:4px solid var(--color-warning)}.message-popup.info{border-left:4px solid var(--color-info)}.message-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.message-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.message-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);transition:var(--transition-fast)}.message-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.message-content{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding:var(--space-4) var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.w-100{width:100%}.h-100{height:100%}.password-mask,.password-visible{font-family:var(--font-family-mono)}.stat-content h3{color:var(--color-primary);font-size:var(--font-size-2xl);margin:0 0 var(--space-2) 0}.stat-content p{letter-spacing:.1em}.btn-error{--btn-text:var(--text-inverse);--btn-bg:var(--color-error);--btn-border:var(--color-error);--btn-hover-text:var(--color-error);--btn-hover-bg:var(--text-inverse);--btn-hover-border:var(--color-error)}.dashboard-actions{gap:var(--space-4)}.search-container{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3);width:500px}.search-results-count{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-align:right;text-transform:uppercase;white-space:nowrap;width:80px}.search-input-wrapper{flex-shrink:0;position:relative;width:300px}.search-input{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-base);height:48px;outline:none;padding:0 40px 0 16px;transition:all var(--transition-fast);width:100%}.search-input:focus{background:var(--bg-primary);border-color:var(--border-secondary);box-shadow:var(--shadow-lg)}.search-input::placeholder{color:var(--text-tertiary);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.clear-search{align-items:center;background:none;border:none;border-radius:var(--radius-none);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:28px;justify-content:center;overflow:hidden;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:28px;z-index:10}.clear-search:before{background:var(--text-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.clear-search:hover:before{width:100%}.clear-search:not(:hover):before{width:0}.clear-search:active,.clear-search:focus,.clear-search:hover{color:var(--text-inverse)}.clear-search:focus{outline:none}.clear-search span{position:relative;transition:color .3s ease;z-index:1}.password-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--space-6)}.password-card{padding:var(--space-4)}.password-header{padding-bottom:var(--space-3)}.password-website{margin:0}.password-actions .btn{--btn-text:var(--text-primary);--btn-bg:var(--bg-elevated);--btn-border:var(--border-primary);--btn-hover-text:var(--text-inverse);--btn-hover-bg:var(--text-primary);--btn-hover-border:var(--border-primary)}.field-value{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-none);padding:var(--space-2);transition:all var(--transition-fast)}.field-value:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-base)}.field-value span{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.field-value .btn{--btn-text:var(--text-primary);--btn-bg:var(--bg-elevated);--btn-border:var(--border-primary);--btn-hover-text:var(--text-inverse);--btn-hover-bg:var(--text-primary);--btn-hover-border:var(--border-primary);flex-shrink:0;font-size:var(--font-size-xs);height:28px;min-width:36px;overflow:hidden;padding:var(--space-1) var(--space-2);position:relative}.field-value .btn:before{background:var(--btn-hover-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.field-value .btn:hover:before{width:100%}.field-value .btn:not(:hover):before{width:0}.field-value .btn i{position:relative;transition:color .3s ease;z-index:1}.field-value .btn:hover i{color:var(--btn-hover-text)}.search-suggestions{animation:searchSuggestionsFadeIn .2s ease-out;background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:0 0 var(--radius-none) var(--radius-none);border-top:none;box-shadow:var(--shadow-xl);box-sizing:border-box;left:0;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;scrollbar-color:var(--border-primary) #0000;scrollbar-width:thin;top:100%;width:300px;z-index:var(--z-dropdown)}.search-suggestions::-webkit-scrollbar{width:6px!important}.search-suggestions::-webkit-scrollbar-thumb{border-radius:3px!important}[data-theme=dark] .search-suggestions::-webkit-scrollbar-track{background:#2a2a2a!important}[data-theme=dark] .search-suggestions::-webkit-scrollbar-thumb{background:#666!important}[data-theme=dark] .search-suggestions::-webkit-scrollbar-thumb:hover{background:#888!important}.search-suggestions::-webkit-scrollbar-track{background:#f5f5f5!important}.search-suggestions::-webkit-scrollbar-thumb{background:#ccc!important}.search-suggestions::-webkit-scrollbar-thumb:hover{background:#999!important}@keyframes searchSuggestionsFadeIn{0%{opacity:0}to{opacity:1}}.suggestion-item{align-items:center;background:#0000;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;overflow:hidden;padding:12px 16px;position:relative;transition:all var(--transition-fast)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--bg-hover)}.suggestion-item.suggestion-item-selected{background:var(--text-primary);color:var(--text-inverse)}.suggestion-item span{color:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.suggestion-item:not(.suggestion-item-selected):hover span{color:var(--text-primary)}.suggestion-item.suggestion-item-selected span{color:var(--text-inverse)}@media (max-width:768px){.search-container{flex-direction:column;max-width:none}.search-suggestions{max-height:150px}}@media (max-width:480px){.search-suggestions{max-height:120px}}.pixel-icon-btn .pixel-icon{display:inline-block;height:1.25em;margin:0;padding:0;vertical-align:middle;width:1.25em}.password-input-group .btn i{color:#000;transition:color .3s ease}.password-input-group .btn:hover i,[data-theme=dark] .password-input-group .btn i{color:#fff}[data-theme=dark] .password-input-group .btn:hover i{color:#000}.password-input-group .btn:disabled i{color:#666}[data-theme=dark] .password-input-group .btn:disabled i{color:#999}.approval-card,.approval-card:hover{box-shadow:none!important;transform:none!important;transition:none!important}.app{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.content-wrapper{display:flex;flex:1 1;flex-direction:column;transition:margin-left var(--transition-slow)}main{background:var(--bg-secondary);flex:1 1;padding:var(--space-8) 0}.public-main{margin-top:0}.authenticated-main,.public-main{padding-top:0}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding)}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-elevated);border-bottom:2px solid var(--border-primary);color:var(--text-primary);height:var(--header-height);padding:var(--space-4) 0;position:sticky;text-decoration:none;top:0;z-index:var(--z-sticky)}.header,.header-content{align-items:center;display:flex}.header-content{gap:var(--space-6);justify-content:space-between;width:100%}.sidebar-toggle{--btn-text:var(--text-primary);--btn-bg:var(--bg-elevated);--btn-border:var(--border-primary);--btn-hover-text:var(--text-inverse);--btn-hover-bg:var(--text-primary);--btn-hover-border:var(--border-primary);align-items:center;background:var(--btn-bg);border:2px solid var(--btn-border);border-radius:var(--radius-none);color:var(--btn-text);cursor:pointer;display:none;height:40px;justify-content:center;overflow:hidden;padding:var(--space-2);position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .2s ease,box-shadow .2s ease;width:40px}.sidebar-toggle:before{background:var(--btn-hover-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.sidebar-toggle>*{position:relative;transition:color .3s ease;z-index:1}.sidebar-toggle:hover{border-color:var(--btn-hover-border);box-shadow:var(--shadow-lg);color:var(--btn-hover-text);transform:translateY(-1px)}.sidebar-toggle:hover:before{width:100%}.header-actions{gap:var(--space-4)}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{--btn-text:var(--text-primary);--btn-bg:var(--bg-elevated);--btn-border:var(--border-primary);--btn-hover-text:var(--text-inverse);--btn-hover-bg:var(--text-primary);--btn-hover-border:var(--border-primary);background:var(--btn-bg);border:2px solid var(--btn-border);border-radius:var(--radius-none);color:var(--btn-text);cursor:pointer;font-size:var(--font-size-sm);height:40px;justify-content:center;overflow:hidden;padding:var(--space-2);position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .2s ease,box-shadow .2s ease;width:40px}.theme-toggle:before{background:var(--btn-hover-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.theme-toggle>*{position:relative;transition:color .3s ease;z-index:1}.theme-toggle:hover{border-color:var(--btn-hover-border);box-shadow:var(--shadow-lg);color:var(--btn-hover-text);transform:translateY(-1px)}.theme-toggle:hover:before{width:100%}.sidebar-hover-zone{background:#0000;height:100vh;top:0;width:15vw;z-index:var(--z-modal)}.left-edge-indicator,.sidebar-hover-zone{left:0;pointer-events:auto;position:fixed}.left-edge-indicator{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:24px;justify-content:center;margin:0;opacity:.6;padding:0;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:24px;z-index:var(--z-popover)}.left-edge-indicator:hover{background:var(--bg-secondary);color:var(--text-primary);opacity:1;transform:translateY(-50%) translateX(2px)}.sidebar{background:var(--bg-elevated);border-right:2px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-slow);width:var(--sidebar-width);z-index:9999}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#0000;height:100vh;left:var(--sidebar-width);opacity:0;pointer-events:auto;position:fixed;top:0;transition:all var(--transition-base);visibility:hidden;width:calc(100vw - var(--sidebar-width));z-index:9998}.sidebar.open+.sidebar-overlay{opacity:1;visibility:visible}.blur-overlay{background:#0000000a;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9997}.blurred{filter:blur(2.5px);transition:filter .3s}.sidebar-header{border-bottom:2px solid var(--border-primary);flex-shrink:0;padding:var(--space-6)}.sidebar-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin:0 0 var(--space-4) 0;text-transform:uppercase}.user-info{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-none);padding:var(--space-3)}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.user-email{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-xs);letter-spacing:.02em}.sidebar-nav{flex:1 1;padding:var(--space-6)}.nav-list{display:flex;flex-direction:column;gap:var(--space-2)}.nav-item{margin:0}.nav-link{align-items:center;border:2px solid #0000;border-radius:var(--radius-none);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:var(--space-4);text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.nav-link:hover{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary);text-decoration:none}.nav-link.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.sidebar-footer{border-top:2px solid var(--border-primary);flex-shrink:0;padding:var(--space-6)}.logout-btn{--btn-text:var(--text-inverse);--btn-bg:var(--color-primary);--btn-border:var(--color-primary);--btn-hover-text:var(--color-primary);--btn-hover-bg:var(--text-inverse);--btn-hover-border:var(--color-primary);background:var(--btn-bg);border-color:var(--btn-border);color:var(--btn-text);justify-content:flex-start;overflow:hidden;position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .2s ease,box-shadow .2s ease;width:100%}.logout-btn:before{background:var(--btn-hover-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.logout-btn>*{position:relative;transition:color .3s ease;z-index:1}.logout-btn:hover{border-color:var(--btn-hover-border);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.logout-btn:hover,.logout-btn:hover>*{color:var(--btn-hover-text)}.logout-btn:hover:before{width:100%}.home-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-elevated);border-bottom:2px solid var(--border-primary);color:var(--text-primary);left:0;padding:var(--space-6) 0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-sticky)}.home-header a{text-decoration:none}.home-header.visible{transform:translateY(0)}.home-header-content{align-items:center;display:flex;gap:var(--space-8);justify-content:space-between}.home-header-left{gap:var(--space-6)}.home-header-left,.home-logo{align-items:center;display:flex}.home-logo{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3);letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.home-logo:hover{color:var(--color-primary);transform:translateY(-1px)}.logo-text{font-family:var(--font-family)}.home-header-right,.home-nav{align-items:center;display:flex;gap:var(--space-8)}.home-nav-link{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.home-nav-link:after{background:var(--color-primary);bottom:-4px;content:"";height:2px;left:0;transition:width var(--transition-fast);width:0}.home-nav-link:hover{color:var(--text-primary);text-decoration:none}.home-nav-link:hover:after{width:100%}.auth-buttons,.home-header-actions{align-items:center;display:flex;gap:var(--space-4)}.footer{background:var(--bg-elevated);border-top:2px solid var(--border-primary);margin-top:auto;padding:var(--space-8) 0}.links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.links a{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.links a:hover{color:var(--text-primary);text-decoration:none}.links span{color:var(--text-muted);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}@media (max-width:1024px){.sidebar{max-width:320px;width:100%}.content-wrapper.sidebar-expanded{margin-left:320px}}@media (max-width:768px){.container{padding:0 var(--space-4)}.sidebar{max-width:280px;width:100%}.content-wrapper.sidebar-expanded{margin-left:0}.sidebar-toggle{display:flex}.header{padding:var(--space-3) 0}.home-header{padding:var(--space-4) 0}.home-header-content{text-align:center}.home-header-content,.home-header-right{flex-direction:column;gap:var(--space-4)}.home-nav{display:none}.auth-buttons{flex-direction:column;width:100%}.auth-buttons .btn{width:100%}main{padding:var(--space-6) 0}.links{gap:var(--space-4)}}@media (max-width:480px){.container{padding:0 var(--space-3)}.home-logo{font-size:var(--font-size-xl)}.header-actions{gap:var(--space-2)}.sidebar-toggle,.theme-toggle{height:36px;width:36px}}.global-theme-toggle{bottom:var(--space-6);position:fixed;right:var(--space-6);z-index:var(--z-fixed)}.global-theme-toggle .theme-toggle{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);height:50px;justify-content:center;overflow:hidden;padding:var(--space-3);position:relative;transition:all var(--transition-fast);width:50px}.global-theme-toggle .theme-toggle:before{background:var(--text-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.global-theme-toggle .theme-toggle:hover:before{transform:translateX(100%)}.global-theme-toggle .theme-toggle>*{position:relative;transition:color .3s ease .4s;z-index:2}.global-theme-toggle .theme-toggle:hover>*{color:var(--text-inverse)}.global-theme-toggle .theme-toggle:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{--btn-text:currentColor;--btn-bg:#0000;--btn-border:currentColor;--btn-hover-text:currentColor;--btn-hover-bg:#0000;--btn-hover-border:currentColor;font-feature-settings:"tnum";align-items:center;background:var(--btn-bg);border:2px solid var(--btn-border);border-radius:var(--radius-none);box-shadow:var(--shadow-base);color:var(--btn-text);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;letter-spacing:.05em;line-height:1;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;text-transform:uppercase;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .2s ease,box-shadow .2s ease}.btn:before{background:var(--btn-hover-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:0}.btn>span{position:relative;transition:color .3s ease;z-index:1}.btn:hover{border-color:var(--btn-hover-border);box-shadow:var(--shadow-lg);color:var(--btn-hover-text);transform:translateY(-1px)}.btn:hover:before{width:100%}.btn:not(:hover):before{width:0}.btn:active{box-shadow:var(--shadow-base);transform:translateY(0)}.btn .fab,.btn .fad,.btn .fal,.btn .far,.btn .fas,.btn i{transition:color .1s ease .1s!important}.btn-primary{--btn-text:var(--text-inverse);--btn-bg:var(--color-primary);--btn-border:var(--color-primary);--btn-hover-text:var(--color-primary);--btn-hover-bg:var(--text-inverse);--btn-hover-border:var(--color-primary)}.btn-secondary{--btn-text:var(--text-primary);--btn-bg:var(--bg-elevated);--btn-border:var(--border-primary);--btn-hover-text:var(--text-inverse);--btn-hover-bg:var(--text-primary);--btn-hover-border:var(--border-primary)}.btn-ghost{--btn-text:var(--text-primary);--btn-bg:#0000;--btn-border:#0000;--btn-hover-text:var(--text-inverse);--btn-hover-bg:var(--text-primary);--btn-hover-border:#0000}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.btn-lg{font-size:var(--font-size-base);padding:var(--space-4) var(--space-6)}.btn-xl{font-size:var(--font-size-lg);padding:var(--space-5) var(--space-8)}.btn-block{justify-content:center;width:100%}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn:disabled:before{display:none}.btn.loading{pointer-events:none}.btn.loading>*{opacity:0}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px;z-index:2}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-page{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:var(--space-12) 0}.auth-container{margin:0 auto;max-width:520px;padding:0 var(--space-6);width:100%}.auth-card{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--space-8);position:relative}.auth-card:before{background:var(--color-primary);content:"";height:2px;left:0;position:absolute;right:0;top:0}.auth-header{border-bottom:2px solid var(--border-primary);padding-bottom:var(--space-6);text-align:center}.auth-logo{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--color-primary);display:flex;font-size:var(--font-size-2xl);height:80px;justify-content:center;margin:0 auto var(--space-6);transition:all var(--transition-fast);width:80px}.auth-logo:hover{background:var(--color-primary);color:var(--text-inverse);transform:scale(1.05)}.back-link{display:inline-block;position:relative;text-decoration:none!important}.back-link:after{bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.back-link:hover:after{width:100%}.auth-header h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-base);letter-spacing:.05em;margin:0;text-transform:uppercase}.auth-form{margin-bottom:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-tertiary);font-size:var(--font-size-sm);left:var(--space-3);position:absolute;transition:all var(--transition-fast);z-index:2}.form-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--color-primary)}.form-input,.form-select,.form-textarea{font-feature-settings:"tnum";background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.5;padding:var(--space-3) var(--space-4);text-transform:none;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0000001a;outline:none}.form-input::placeholder{color:var(--text-tertiary);letter-spacing:.02em;text-transform:none}.password-input-group{align-items:center;display:flex;position:relative}.password-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);position:absolute;right:var(--space-3);transition:var(--transition-fast)}.password-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.password-requirements{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:.1em;margin-top:var(--space-2);text-transform:uppercase}.auth-links{border-top:2px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-top:var(--space-6)}.auth-link{color:var(--color-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;position:relative;text-align:center;text-decoration:none!important;text-transform:uppercase;transition:all var(--transition-fast)}.auth-link:hover{color:var(--color-primary-hover);transform:translateY(-1px)}.auth-link:after{bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.auth-link:hover:after{width:100%}.auth-footer{border-top:2px solid var(--border-primary);padding-top:var(--space-6);text-align:center}.security-notice{align-items:center;display:flex;gap:var(--space-2);justify-content:center;letter-spacing:.1em;margin-bottom:var(--space-4);text-align:center}.security-notice,.terms-notice{color:var(--text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase}.terms-notice{letter-spacing:.05em;line-height:var(--line-height-relaxed)}.terms-notice a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none!important}.terms-notice a:hover{color:var(--color-primary-hover);text-decoration:none!important}.pixelated-spinner{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:16px;position:relative;width:16px}.pixelated-spinner .pixel{animation:pixelated-pulse 1.5s ease-in-out infinite;background:currentColor;border-radius:var(--radius-none);height:3px;width:3px}.pixelated-spinner .pixel:first-child{animation-delay:0s}.pixelated-spinner .pixel:nth-child(2){animation-delay:.1s}.pixelated-spinner .pixel:nth-child(3){animation-delay:.2s}.pixelated-spinner .pixel:nth-child(4){animation-delay:.3s}.pixelated-spinner .pixel:nth-child(5){animation-delay:.4s}.pixelated-spinner .pixel:nth-child(6){animation-delay:.5s}.pixelated-spinner .pixel:nth-child(7){animation-delay:.6s}.pixelated-spinner .pixel:nth-child(8){animation-delay:.7s}@keyframes pixelated-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (max-width:768px){.auth-container{padding:0 var(--space-3)}.auth-card{padding:var(--space-6)}.auth-header h1{font-size:var(--font-size-2xl)}.auth-links{flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.auth-page{padding:var(--space-4) 0}.auth-card{padding:var(--space-4)}.auth-header h1{font-size:var(--font-size-xl)}.auth-header p{font-size:var(--font-size-sm)}}.add-password-page,.dashboard-page,.device-approval-page,.edit-password-page,.import-export-page,.profile-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8)}[data-theme=dark] .dashboard-page{background:var(--color-black)}[data-theme=dark] .stat-card{background:var(--color-gray-950);border-color:var(--color-gray-900)}[data-theme=dark] .stat-card:hover{background:var(--color-gray-900);border-color:var(--color-gray-800)}[data-theme=dark] .password-card{background:var(--color-gray-950);border-color:var(--color-gray-900)}[data-theme=dark] .password-card:hover{background:var(--color-gray-900);border-color:var(--color-gray-800)}[data-theme=dark] .field-value{background:var(--color-black);border-color:var(--color-gray-900)}[data-theme=dark] .field-value:hover{background:var(--color-gray-950);border-color:var(--color-gray-800)}[data-theme=dark] .search-input{background:var(--color-gray-950);border-color:var(--color-gray-900)}[data-theme=dark] .search-input:focus{background:var(--color-black);border-color:var(--color-gray-800)}[data-theme=dark] .search-suggestions{background:var(--color-gray-950);border-color:var(--color-gray-900)}[data-theme=dark] .suggestion-item{border-color:var(--color-gray-900)}[data-theme=dark] .suggestion-item:hover{background:var(--color-gray-900)}[data-theme=dark] .device-card,[data-theme=dark] .empty-state{background:var(--color-gray-950);border-color:var(--color-gray-900)}[data-theme=dark] .device-card:hover{background:var(--color-gray-900);border-color:var(--color-gray-800)}[data-theme=dark] .approval-card,[data-theme=dark] .import-export-section,[data-theme=dark] .profile-section{background:var(--color-gray-950);border-color:var(--color-gray-900)}[data-theme=dark] .approval-card:hover{background:var(--color-gray-900);border-color:var(--color-gray-800)}.dashboard-header,.device-approval-header,.devices-header,.import-export-header,.page-header,.profile-header{margin-bottom:var(--space-8)}.dashboard-header h1,.device-approval-header h1,.devices-header h1,.import-export-header h1,.page-header h1,.profile-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.dashboard-header p,.device-approval-header p,.devices-header p,.import-export-header p,.page-header p,.profile-header p{color:var(--text-secondary);font-size:var(--font-size-lg);letter-spacing:.05em;margin:0;text-transform:uppercase}.stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8)}.stat-card{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);overflow:hidden;padding:var(--space-6);position:relative;text-align:center;transition:all var(--transition-fast)}.stat-card:before{background:var(--text-primary);content:"";height:100%;left:-100%;opacity:.05;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.stat-card:hover:before{transform:translateX(100%)}.stat-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card>*{position:relative;z-index:2}.stat-icon{color:var(--color-primary);margin-bottom:var(--space-4)}.stat-content h3,.stat-icon{font-size:var(--font-size-3xl)}.stat-content h3{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.stat-content p{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin:0;text-transform:uppercase}.dashboard-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8)}.passwords-section{margin-top:var(--space-8)}.passwords-section h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin-bottom:var(--space-6);text-transform:uppercase}.empty-state{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);padding:var(--space-12);text-align:center}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin-bottom:var(--space-4);text-transform:uppercase}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);letter-spacing:.05em;margin-bottom:var(--space-8);text-transform:uppercase}.password-grid{column-count:3;column-fill:balance;column-gap:var(--space-6);orphans:1;transition:column-count .3s ease,column-gap .3s ease;widows:1}.password-card{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);break-inside:avoid;display:block;margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-6);page-break-inside:avoid;position:relative;transition:all var(--transition-fast)}.password-card:before{background:var(--text-primary);content:"";height:100%;left:-100%;opacity:.05;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.password-card:hover:before{transform:translateX(100%)}.password-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.password-card>*{position:relative;z-index:2}.password-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.password-website{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.password-actions{align-items:center;display:flex;gap:var(--space-2)}.password-details{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.password-field{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.password-field label{color:var(--text-tertiary);flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.1em;min-width:80px;text-transform:uppercase}.field-value{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-family:var(--font-family);font-size:var(--font-size-sm);gap:var(--space-2);justify-content:flex-end;min-width:0}.field-value span{color:var(--text-primary);font-weight:var(--font-weight-medium)}.field-value span,.password-mask{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-mask{color:var(--text-secondary);filter:blur(4px);font-family:monospace;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.password-visible{color:var(--text-primary);filter:none;flex:1 1;font-family:monospace;letter-spacing:.05em;min-width:0;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;white-space:nowrap}.add-password-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8)}.page-header{margin-bottom:var(--space-8)}.page-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);gap:var(--space-3);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.page-header p{color:var(--text-secondary);font-size:var(--font-size-lg);letter-spacing:.05em;margin:0;text-transform:uppercase}.password-form{max-width:600px}.form-actions{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.devices-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8)}.devices-header{margin-bottom:var(--space-8)}.devices-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.devices-header p{color:var(--text-secondary);font-size:var(--font-size-lg);letter-spacing:.05em;margin:0;text-transform:uppercase}.devices-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:var(--space-8)}.device-card{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-fast)}.device-card:before{background:var(--text-primary);content:"";height:100%;left:-100%;opacity:.05;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.device-card:hover:before{transform:translateX(100%)}.device-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.device-card>*{position:relative;z-index:2}.device-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.device-name{color:var(--text-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.device-name,.device-status{letter-spacing:.05em;text-transform:uppercase}.device-status{border-radius:var(--radius-none);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.device-status.active{background:var(--color-green-100);border:1px solid var(--color-green-300);color:var(--color-green-800)}.device-status.inactive{background:var(--color-gray-100);border:1px solid var(--color-gray-300);color:var(--color-gray-600)}.device-details{gap:var(--space-3)}.device-details,.device-field{display:flex;flex-direction:column}.device-field{gap:var(--space-2)}.device-field label{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.device-field-value{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-none);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-3)}.device-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.profile-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8)}.profile-header{margin-bottom:var(--space-8)}.profile-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.profile-header p{color:var(--text-secondary);font-size:var(--font-size-lg);letter-spacing:.05em;margin:0;text-transform:uppercase}.profile-sections{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:var(--space-8)}.profile-section{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);padding:var(--space-6)}.profile-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin-bottom:var(--space-6);text-transform:uppercase}.profile-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.profile-field label{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.profile-field-value{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-none);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-3)}.profile-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6)}.import-export-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8)}.import-export-header{margin-bottom:var(--space-8)}.import-export-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.import-export-header p{color:var(--text-secondary);font-size:var(--font-size-lg);letter-spacing:.05em;margin:0;text-transform:uppercase}.import-export-sections{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:var(--space-8)}.import-export-section{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);padding:var(--space-6)}.import-export-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin-bottom:var(--space-6);text-transform:uppercase}.import-export-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-6)}.import-export-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6)}.device-approval-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8)}.device-approval-header{margin-bottom:var(--space-8)}.device-approval-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.device-approval-header p{color:var(--text-secondary);font-size:var(--font-size-lg);letter-spacing:.05em;margin:0;text-transform:uppercase}.approval-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:var(--space-8)}.approval-card{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-fast)}.approval-card:before{background:var(--text-primary);content:"";height:100%;left:-100%;opacity:.05;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.approval-card:hover:before{transform:translateX(100%)}.approval-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.approval-card>*{position:relative;z-index:2}.approval-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.approval-device-name{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.approval-device-name,.approval-status{letter-spacing:.1em;text-transform:uppercase}.approval-status{background:var(--color-warning);border-radius:var(--radius-none);color:var(--color-black);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-4)}.approval-details{margin-bottom:var(--space-6)}.approval-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.approval-field label{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.approval-field-value{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-none);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-3)}@media (max-width:768px){.dashboard-actions{align-items:stretch;flex-direction:column;gap:var(--space-4)}.password-grid{column-count:2;column-gap:var(--space-4)}.stats-grid{grid-template-columns:1fr}.field-value,.password-actions{flex-direction:column;gap:var(--space-2)}.field-value{align-items:stretch}.form-actions{flex-direction:column;gap:var(--space-3)}.approval-grid,.devices-grid,.import-export-sections,.profile-sections{grid-template-columns:1fr}.approval-actions,.device-actions,.import-export-actions,.profile-actions{flex-direction:column;gap:var(--space-2)}}@media (max-width:480px){.password-grid{column-count:1}.stats-grid{gap:var(--space-4)}.dashboard-header h1,.device-approval-header h1,.devices-header h1,.import-export-header h1,.page-header h1,.profile-header h1{font-size:var(--font-size-3xl)}.dashboard-page,.device-approval-page,.devices-page,.import-export-page,.profile-page{padding:var(--space-4)}}.home-page{background:var(--bg-primary)}.hero-section{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-primary);display:flex;margin-top:0;min-height:100vh;overflow:hidden;padding:0;position:relative}.hero-section:before{background:repeating-linear-gradient(45deg,#0000,#0000 20px,#0000000f 0,#0000000f 23px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark] .hero-section:before{background:repeating-linear-gradient(45deg,#0000,#0000 20px,#ffffff1f 0,#ffffff1f 23px)}.hero-content{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1fr 1fr;position:relative;width:100%;z-index:1}.hero-text{max-width:600px}.hero-title{color:var(--text-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;line-height:var(--line-height-tight);margin-bottom:var(--space-6);text-transform:uppercase}.hero-subtitle{color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-top:var(--space-4)}.hero-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);max-width:500px}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.hero-stats{display:flex;gap:var(--space-8)}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.stat-label{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:.2em;margin-top:var(--space-1);text-transform:uppercase}.hero-visual{align-items:center;display:flex;justify-content:center}.security-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:320px}.grid-item{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-primary);color:var(--color-primary);display:flex;font-size:var(--font-size-2xl);height:90px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-fast);width:90px}.grid-item:before{background:var(--text-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.grid-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.grid-item:hover:before{transform:translateX(100%)}.grid-item i{position:relative;transition:color .3s ease .4s;z-index:2}.grid-item:hover i{color:var(--text-inverse)}.features-section{background:var(--bg-secondary);margin-top:0;padding:var(--space-20) 0}.section-header{margin-bottom:var(--space-16);text-align:center}.section-title{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-4);text-transform:uppercase}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.features-list{display:flex;flex-direction:column;gap:var(--space-20);width:100%}.feature-item{grid-gap:var(--space-16);align-items:center;border-bottom:2px solid var(--border-primary);display:grid;gap:var(--space-16);grid-template-columns:1fr auto;padding:var(--space-12) 0}.feature-item:last-child{border-bottom:none}.feature-item:nth-child(2n){grid-template-columns:auto 1fr}.feature-content{max-width:600px}.feature-icon{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-primary);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-4xl);height:140px;justify-content:center;width:140px}.feature-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:.05em;line-height:var(--line-height-tight);margin-bottom:var(--space-6);text-transform:uppercase}.feature-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.scroll-animate{opacity:0;transform:translateY(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.scroll-animate.animate{opacity:1;transform:translateY(0)}.feature-item.scroll-animate,.feature-item.scroll-animate.animate{transition-delay:calc(var(--animation-order)*.2s)}@media (max-width:768px){.features-list{gap:var(--space-16)}.feature-item{gap:var(--space-8);padding:var(--space-8) 0;text-align:center}.feature-item,.feature-item:nth-child(2n){grid-template-columns:1fr}.feature-icon{font-size:var(--font-size-3xl);height:120px;margin:0 auto;width:120px}.feature-title{font-size:var(--font-size-xl)}.feature-description{font-size:var(--font-size-base)}}@media (max-width:480px){.feature-item{padding:var(--space-6) 0}.feature-icon{font-size:var(--font-size-2xl);height:100px;width:100px}.feature-title{font-size:var(--font-size-lg)}.feature-description{font-size:var(--font-size-sm)}}.use-cases-section{background:var(--bg-primary);border-top:2px solid var(--border-primary);padding:var(--space-20) 0}.use-cases-list{flex-direction:column;margin-left:auto;margin-right:auto;margin-top:var(--space-12);max-width:900px}.use-case-item,.use-cases-list{display:flex;gap:var(--space-4)}.use-case-item{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-primary);min-height:80px;overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.use-case-item:before{background:var(--text-primary);content:"";height:100%;left:-100%;opacity:.05;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.use-case-item:hover:before{transform:translateX(100%)}.use-case-item:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateX(8px)}.use-case-item>*{position:relative;z-index:2}.use-case-icon{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-2xl);height:80px;justify-content:center;transition:all var(--transition-fast);width:80px}.use-case-item:hover .use-case-icon{background:var(--color-primary);color:var(--text-inverse);transform:scale(1.05)}.use-case-content{display:flex;flex:1 1;flex-direction:column;height:80px;justify-content:center}.use-case-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:.02em;line-height:1.2;margin-bottom:var(--space-2);text-transform:none}.use-case-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.4;margin:0;overflow:hidden}.cta-section{background:var(--bg-secondary);border-top:2px solid var(--border-primary);padding:var(--space-20) 0}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-title{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-6);text-transform:uppercase}.cta-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}@media (max-width:1024px){.hero-content{gap:var(--space-12);grid-template-columns:1fr;text-align:center}.hero-description,.hero-text{max-width:none}.hero-stats{justify-content:center}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.hero-section{min-height:100vh;padding:var(--space-8) 0}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-actions{align-items:center;flex-direction:column}.hero-stats{flex-direction:column;gap:var(--space-4)}.features-section,.use-cases-section{padding:var(--space-12) 0}.section-title{font-size:var(--font-size-3xl)}.use-case-item{flex-direction:column;gap:var(--space-4);min-height:auto;padding:var(--space-6);text-align:center}.use-case-content{height:auto}.use-case-description{-webkit-line-clamp:unset;line-clamp:none}.features-grid{max-width:100%}.features-grid,.stats-grid{grid-template-columns:1fr}.cta-section{padding:var(--space-12) 0}.cta-title{font-size:var(--font-size-3xl)}.cta-actions{align-items:center;flex-direction:column}.security-grid{gap:var(--space-4);max-width:280px}.grid-item{font-size:var(--font-size-lg);height:75px;width:75px}}@media (max-width:480px){.hero-section{min-height:100vh;padding:var(--space-6) 0}.hero-title{font-size:var(--font-size-2xl)}.hero-description,.hero-subtitle{font-size:var(--font-size-base)}.cta-title,.section-title{font-size:var(--font-size-2xl)}.feature-card,.use-case-card{padding:var(--space-6)}.stat-card{padding:var(--space-4)}.security-grid{gap:var(--space-3);max-width:240px}.grid-item{font-size:var(--font-size-base);height:65px;width:65px}}:root{--color-black:#000;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-gray-950:#0a0a0a;--color-primary:var(--color-black);--color-primary-hover:var(--color-gray-800);--color-secondary:var(--color-gray-200);--color-secondary-hover:var(--color-gray-300);--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-elevated:var(--color-white);--bg-overlay:#0006;--text-primary:var(--color-black);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-muted:var(--color-gray-400);--text-inverse:var(--color-white);--border-primary:var(--color-gray-200);--border-secondary:var(--color-gray-300);--border-focus:var(--color-black);--color-success:var(--color-gray-700);--color-warning:var(--color-gray-600);--color-error:var(--color-gray-800);--color-danger:var(--color-gray-800);--color-info:var(--color-gray-600);--font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:0.9375rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-size-5xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--header-height:4rem;--sidebar-width:16rem;--container-max-width:80rem;--container-padding:var(--space-6)}[data-theme=dark]{--color-primary:var(--color-white);--color-primary-hover:var(--color-gray-200);--color-secondary:var(--color-gray-800);--color-secondary-hover:var(--color-gray-700);--bg-primary:var(--color-black);--bg-secondary:var(--color-gray-950);--bg-tertiary:var(--color-gray-900);--bg-elevated:var(--color-gray-950);--bg-hover:var(--color-gray-900);--bg-overlay:#0009;--text-primary:var(--color-white);--text-secondary:var(--color-gray-200);--text-tertiary:var(--color-gray-300);--text-muted:var(--color-gray-400);--text-inverse:var(--color-black);--border-primary:var(--color-gray-900);--border-secondary:var(--color-gray-800);--border-focus:var(--color-white);--color-success:var(--color-gray-300);--color-warning:var(--color-gray-400);--color-error:var(--color-gray-200);--color-danger:var(--color-gray-200);--color-info:var(--color-gray-400);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-base:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--shadow-2xl:0 25px 50px -12px #0006}.policy-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8) 0}.policy-container{margin:0 auto;max-width:800px;padding:0 var(--space-6)}.policy-card{background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-none);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8);position:relative}.policy-card:before{background:var(--color-primary);content:"";height:2px;left:0;position:absolute;right:0;top:0}.policy-header{border-bottom:2px solid var(--border-primary);margin-bottom:var(--space-8);padding-bottom:var(--space-6);text-align:center}.policy-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.policy-header p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.back-link,.policy-header p{letter-spacing:.05em;text-transform:uppercase}.back-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-bottom:var(--space-6);text-decoration:none;transition:all var(--transition-fast)}.back-link:hover{color:var(--color-primary-hover);transform:translateX(-4px)}.policy-content{line-height:var(--line-height-relaxed)}.policy-section{margin-bottom:var(--space-8)}.policy-section:last-child{margin-bottom:0}.policy-section h2{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);text-transform:uppercase}.policy-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.policy-section ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.policy-section li{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2);position:relative}.policy-section li:before{color:var(--color-primary);content:"•";font-weight:var(--font-weight-bold);left:calc(var(--space-4)*-1);position:absolute}.policy-section strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.policy-footer{border-top:2px solid var(--border-primary);margin-top:var(--space-8);padding-top:var(--space-8);text-align:center}@media (max-width:768px){.policy-container{padding:0 var(--space-4)}.policy-card{padding:var(--space-6)}.policy-header h1{font-size:var(--font-size-3xl)}.policy-section h2{font-size:var(--font-size-lg)}}@media (max-width:480px){.policy-page{padding:var(--space-6) 0}.policy-container{padding:0 var(--space-3)}.policy-card{padding:var(--space-4)}.policy-header h1{font-size:var(--font-size-2xl)}.policy-section{margin-bottom:var(--space-6)}.policy-section ul{padding-left:var(--space-4)}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:#ffffffe6;bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.141b48c7.css.map*/