:root{--primary-900: #102a43;--primary-800: #243b53;--primary-700: #334e68;--primary-500: #486581;--primary-100: #f0f4f8;--accent-700: #9e6d42;--accent-600: #b07d4e;--accent-500: #c59665;--accent-300: #e3cbb1;--bg-app: #f0f4f8;--bg-card: #ffffff;--slate-900: #102a43;--slate-700: #334e68;--slate-500: #627d98;--slate-400: #829ab1;--slate-300: #bcccdc;--slate-200: #d9e2ec;--slate-100: #f0f4f8;--slate-50: #f7f9fa;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-premium: 0 20px 40px -4px rgba(16, 42, 67, .15);--primary-color: var(--primary-900);--secondary-color: var(--primary-700);--accent-color: var(--accent-600);--background-color: var(--bg-app);--card-bg: white;--text-color: var(--slate-900);--border-color: var(--slate-200)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--slate-900);-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background-color:var(--primary-900);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;box-shadow:4px 0 24px #0000001a}.main-content{flex:1;margin-left:280px;padding:40px;max-width:1600px;width:calc(100% - 280px)}.brand{padding:32px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:16px}.brand-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-500),var(--accent-700));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;font-family:var(--font-serif);box-shadow:0 4px 12px #c596654d}.brand span{font-size:1.25rem;font-weight:700;font-family:var(--font-serif);letter-spacing:.02em}.nav-menu{display:flex;flex-direction:column;gap:8px;padding:0 16px;flex:1}.nav-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border:none;background:transparent;color:var(--slate-300);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease;font-size:.95rem;font-weight:500;text-align:left}.nav-item:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,rgba(255,255,255,.1),transparent);color:var(--accent-300);border-left:3px solid var(--accent-500);font-weight:600}.nav-item .nav-label{flex:1}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.page-title h1{font-size:2.25rem;color:var(--primary-900);margin:0 0 8px;font-weight:700;letter-spacing:-.02em}.page-title p{color:var(--slate-500);margin:0;font-size:1rem}.stats-grid{display:flex;flex-wrap:nowrap;gap:32px;margin-bottom:40px;overflow-x:auto}@media (max-width: 1024px){.stats-grid{-webkit-overflow-scrolling:touch}}.stat-card{background:#fff;padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--slate-100);display:flex;flex-direction:column;gap:12px;transition:transform .3s ease;flex:1 0 0;min-width:240px}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-label{color:var(--slate-500);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-900);font-family:var(--font-serif)}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--slate-100);margin-bottom:32px;overflow:hidden}.card-header{padding:32px;border-bottom:1px solid var(--slate-100)}.card-header h2{margin:0;font-size:1.5rem;color:var(--primary-900);font-family:var(--font-serif)}.card-body{padding:32px}.form-section{padding:24px;border-radius:var(--radius-md);margin-bottom:32px;border:1px solid var(--slate-100);transition:all .2s ease}.form-section:hover{box-shadow:var(--shadow-sm)}.visitor-card{background-color:#fff;border-left:5px solid var(--accent-500);border:1px solid var(--slate-200)}.access-card{background-color:#f8fafc;border-left:5px solid var(--slate-400);border:1px solid var(--slate-200)}.companion-card{background-color:#fffbeb;border-left:5px solid #d97706;border:1px solid #fed7aa}.patient-card{background-color:#e0f2fe;border-left:5px solid var(--primary-900);border:1px solid var(--primary-200)}.section-title{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;color:var(--primary-900);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05);font-family:var(--font-serif)}.form-row{display:flex;gap:24px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:var(--slate-700);text-transform:uppercase;letter-spacing:.02em}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}input,select,textarea{padding:12px 16px;border:1px solid var(--slate-200);border-radius:var(--radius-sm);font-size:1rem;background-color:var(--slate-50);transition:all .2s;font-family:var(--font-sans);color:var(--slate-900)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-500);background-color:#fff;box-shadow:0 0 0 3px #c596651a}.modern-input-group{margin-bottom:20px}.modern-input{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s;border:none;gap:8px;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-primary{background:var(--primary-900);color:#fff}.btn-primary:hover{background:var(--primary-800);transform:translateY(-1px);box-shadow:0 4px 12px #102a4333}.btn-secondary{background:#fff;border:1px solid var(--slate-200);color:var(--slate-700)}.btn-secondary:hover{border-color:var(--accent-500);color:var(--accent-700);background:#fff}.btn-danger{background:#fff;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.search-box{background:#fff;padding:24px;border-radius:var(--radius-md);border:1px solid var(--slate-200);position:relative}.search-label{display:block;font-weight:700;color:var(--primary-900);margin-bottom:12px;font-family:var(--font-serif)}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--slate-100);z-index:100;margin-top:8px;max-height:400px;overflow-y:auto}.search-result-item{padding:16px 24px;border-bottom:1px solid var(--slate-100);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .1s}.search-result-item:hover{background:var(--slate-50)}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;border-spacing:0}th{background:#fff;padding:20px 24px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--slate-400);border-bottom:2px solid var(--slate-100);letter-spacing:.05em}td{padding:20px 24px;border-bottom:1px solid var(--slate-100);color:var(--slate-700);font-size:.95rem;transition:background .1s}tr:hover td{background:var(--slate-50)}.scale-x-flip{transform:scaleX(-1)}.alert{padding:16px;border-radius:var(--radius-md);margin-bottom:16px;border:1px solid transparent;font-weight:500}.alert-success{background-color:#10b9811a;color:var(--success);border-color:#10b98133}.alert-danger{background-color:#ef44441a;color:var(--danger);border-color:#ef444433}.text-primary{color:var(--primary-900)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.text-4xl{font-size:2.25rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.border-b{border-bottom:1px solid var(--slate-200)}.pb-2{padding-bottom:.5rem}.rounded{border-radius:var(--radius-md)}.bg-gray-50{background:var(--slate-50)}.font-serif{font-family:var(--font-serif)}.border{border:1px solid var(--slate-200)}.avatar-sm{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px;border:1px solid var(--slate-200)}.profile-photo-lg{width:150px;height:150px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--primary-900)}.profile-photo-placeholder{width:150px;height:150px;background:var(--slate-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--slate-400);font-size:3rem}.btn-camera-capture{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.btn-remove-photo{position:absolute;top:-10px;right:-10px;padding:2px 6px;border-radius:50%}.declaration-header{text-align:center;margin-bottom:40px}.declaration-text{font-size:1.1rem;margin-bottom:30px}.declaration-details{background:var(--slate-50);padding:20px;border-radius:var(--radius-md);margin-bottom:40px}.declaration-signature-area{margin-top:100px;text-align:center}.declaration-signature-line{border-top:1px solid black;width:300px;margin:0 auto 10px}.declaration-footer{margin-top:50px;text-align:center;font-size:.9rem;color:var(--slate-500)}.min-w-300{min-width:300px}.min-w-320{min-width:320px}.sidebar-footer{margin-top:auto;padding:32px;border-top:1px solid rgba(255,255,255,.05)}.status-badge{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0000004d;border-radius:var(--radius-md);font-size:.85rem;color:var(--slate-300);border:1px solid rgba(255,255,255,.05);font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--slate-500)}.status-dot.online{background:var(--success);box-shadow:0 0 10px #10b98180}.btn-sidebar-exit{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px;margin-top:24px;background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.9rem;gap:10px;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.btn-sidebar-exit:hover{background:#ffffff0d;color:#fff;border-color:var(--accent-500)}.hub-container{display:flex;min-height:100vh;background-color:var(--bg-app)}.hub-sidebar{width:300px;background:var(--primary-900);color:#fff;display:flex;flex-direction:column;padding:40px;position:fixed;top:0;bottom:0;left:0;z-index:100;box-shadow:10px 0 30px #0000001a;transition:width .3s ease}.hub-brand{display:flex;align-items:center;gap:16px;margin-bottom:64px}.hub-logo{width:56px;height:56px;background:linear-gradient(135deg,var(--accent-500),var(--accent-700));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;font-size:1.75rem;color:#fff;box-shadow:0 8px 20px #c596654d;flex-shrink:0}.hub-brand span{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:.02em;color:#fff;white-space:nowrap}.hub-nav{display:flex;flex-direction:column;gap:12px;flex:1}.hub-nav-item{display:flex;align-items:center;gap:20px;padding:18px;border-radius:var(--radius-md);color:var(--slate-400);cursor:pointer;transition:all .3s ease;font-weight:500;font-size:1.05rem;white-space:nowrap}.hub-nav-item:hover{background:#ffffff08;color:#fff;transform:translate(6px)}.hub-nav-item.active{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent);color:var(--accent-300);border-left:3px solid var(--accent-500);font-weight:600}.hub-footer{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.85rem;color:var(--slate-500);white-space:nowrap}.hub-main{margin-left:300px;flex:1;padding:64px 80px;background:var(--bg-app);min-height:100vh;background-image:linear-gradient(to bottom right,#f8fafc 50%,#f1f5f9);transition:margin-left .3s ease,padding .3s ease}.hub-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px;flex-wrap:wrap;gap:20px}.hub-header h1{font-family:var(--font-serif);font-size:3.5rem;color:var(--primary-900);margin:0 0 16px;line-height:1.1}.hub-header p{color:var(--slate-500);margin:0;font-size:1.25rem;max-width:600px;font-weight:300}.hub-user-profile{display:flex;align-items:center;gap:16px;background:#fff;padding:10px 24px 10px 10px;border-radius:999px;box-shadow:var(--shadow-md);border:1px solid var(--slate-100)}.hub-user-profile .avatar{width:48px;height:48px;background:var(--primary-900);color:var(--accent-300);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;font-family:var(--font-serif)}.hub-user-profile span{font-size:1rem;font-weight:600;color:var(--primary-900)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}.hub-card{background:#fff;border-radius:var(--radius-lg);padding:48px;display:flex;flex-direction:column;gap:32px;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.03);cursor:pointer;position:relative;overflow:hidden}.hub-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-premium)}.hub-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--slate-200);transition:background .3s ease}@media (max-width: 1280px){.hub-main{padding:40px}.hub-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 1024px){.hub-sidebar{width:88px;padding:24px 16px}.hub-brand{margin-bottom:40px;justify-content:center}.hub-brand span{display:none}.hub-nav-item{padding:16px;justify-content:center}.hub-nav-item span,.hub-footer{display:none}.hub-main{margin-left:88px;padding:32px}.hub-header h1{font-size:2.5rem}}@media (max-width: 640px){.hub-container{flex-direction:column}.hub-sidebar{width:100%;height:auto;position:relative;flex-direction:row;align-items:center;justify-content:space-between;padding:16px;box-shadow:var(--shadow-md)}.hub-brand{margin-bottom:0}.hub-nav{display:none}.hub-main{margin-left:0;padding:24px}.hub-grid{grid-template-columns:1fr}.hub-header{margin-bottom:40px}.hub-user-profile{display:none}}.tabs{display:inline-flex;background-color:var(--slate-200);padding:4px;border-radius:var(--radius-md);gap:4px;margin-bottom:24px}.tab-item{padding:8px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;color:var(--slate-500);cursor:pointer;border:none;background:transparent;transition:all .2s ease;white-space:nowrap}.tab-item:hover{color:var(--slate-700);background-color:#fff6}.tab-item.active{background-color:#fff;color:var(--primary-900);box-shadow:var(--shadow-sm);font-weight:700}.image-upload-preview{width:100%;height:120px;border:2px dashed var(--slate-300);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--slate-400);cursor:pointer;background-size:cover;background-position:center;transition:all .2s;position:relative;overflow:hidden}.image-upload-preview:hover{border-color:var(--accent-500);background-color:var(--slate-50)}.image-upload-preview.has-image{border-style:solid;border-color:var(--slate-200)}.image-upload-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-upload-preview:hover .image-upload-overlay{opacity:1}.item-thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background-color:var(--slate-100);border:1px solid var(--slate-200)}.hub-card:hover:before{background:var(--accent-500)}.hub-card-icon{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:var(--slate-50);color:var(--primary-900)}.hub-card-icon svg{width:40px;height:40px}.hub-card:hover .hub-card-icon{background:var(--primary-900);color:var(--accent-300);transform:scale(1.1) rotate(5deg)}.hub-card-content h3{margin:0 0 16px;font-size:1.75rem;font-family:var(--font-serif);color:var(--primary-900);font-weight:700}.hub-card-content p{margin:0 0 32px;color:var(--slate-500);line-height:1.7;font-size:1.05rem}.hub-link{color:var(--accent-600);font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:12px;opacity:.8;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.hub-card:hover .hub-link{opacity:1;color:var(--accent-700);gap:16px}.auth-container{display:flex;min-height:100vh;width:100vw;background:var(--bg-app)}.auth-left-panel{width:40%;background:var(--primary-900);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-left-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(197,150,101,.2),transparent 70%)}.brand-content{z-index:10;text-align:center;color:#fff}.brand-content h1{color:#fff;font-size:3.5rem;margin-bottom:16px;font-family:var(--font-serif);letter-spacing:-.02em}.brand-content p{color:var(--accent-300);font-size:1.25rem;letter-spacing:.1em;text-transform:uppercase}.auth-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:#fff}.login-wrapper{width:100%;max-width:440px;padding:48px}.login-header{margin-bottom:40px;text-align:center}.login-header h2{font-size:2rem;margin-bottom:8px}.login-header p{color:var(--slate-500)}.btn-login{width:100%;padding:16px;background:var(--accent-600);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;margin-top:24px}.btn-login:hover{background:var(--accent-700);transform:translateY(-2px);box-shadow:0 4px 12px #c5966566}.select-mode-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-900);background-image:radial-gradient(circle at center,#1e293b,#0f172a)}.select-card{background:#fff;padding:64px;border-radius:var(--radius-lg);text-align:center;max-width:800px;width:90%;box-shadow:0 24px 48px #0006}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}.mode-btn{display:flex;flex-direction:column;align-items:center;padding:40px;border:2px solid var(--slate-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;transition:all .3s ease}.mode-btn:hover{border-color:var(--accent-500);transform:translateY(-8px)}.print-only{display:none}@media print{.print-only{display:block!important}.sidebar,.main-content,.auth-container,.select-mode-screen{display:none!important}.app-container{display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;position:static!important}@page{margin:0;padding:0}body{background:#fff;margin:0;padding:0;overflow:visible!important}#print-area,#print-area *{visibility:visible!important}body.print-mode-declaration .declaration-content{position:absolute;top:0;left:0;width:100%;height:auto;display:block}body.print-mode-declaration .declaration-content *{color:#000!important}body.print-mode-declaration .declaration-content div{display:block}body.print-mode-declaration .declaration-content div[style*="text-align: center"]{text-align:center!important}@page label-page{size:10cm 5cm;margin:0}body.print-mode-label{page:label-page}body.print-mode-label .label-content{position:absolute;top:0;left:0;width:10cm;height:5cm;display:flex;flex-direction:column;padding:2mm 2mm 16mm;box-sizing:border-box;background:#fff;overflow:hidden;display:flex!important}body.print-mode-label .label-content:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16mm;background:#fff;pointer-events:none}body.print-mode-label .label-content *{color:#000!important}body.print-mode-label .label-header{display:flex;justify-content:space-between;font-size:8pt;border-bottom:1px solid black;padding-bottom:1mm;margin-bottom:2mm}body.print-mode-label .label-name{font-size:14pt;font-weight:700;text-align:center;margin:1mm 0 2mm;line-height:1.1;word-wrap:break-word}body.print-mode-label .label-info{flex:1;font-size:9pt;display:flex;flex-direction:column;gap:1mm}body.print-mode-label .label-info .info-row{display:flex;flex-direction:row;gap:2mm;align-items:baseline;margin-bottom:0}body.print-mode-label .label-info .info-row strong{font-size:.9em;text-transform:uppercase;color:#333!important;min-width:20mm}body.print-mode-label .label-info .info-row span{font-size:1.1em;font-weight:600}body.print-mode-label .label-footer{text-align:center;font-size:6pt;margin-top:auto;border-top:1px solid black;padding-top:1mm}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}:root{--primary-900: #102a43;--primary-800: #243b53;--primary-700: #334e68;--primary-500: #486581;--primary-100: #f0f4f8;--accent-700: #9e6d42;--accent-600: #b07d4e;--accent-500: #c59665;--accent-300: #e3cbb1;--bg-app: #f0f4f8;--bg-card: #ffffff;--slate-900: #102a43;--slate-700: #334e68;--slate-500: #627d98;--slate-400: #829ab1;--slate-300: #bcccdc;--slate-200: #d9e2ec;--slate-100: #f0f4f8;--slate-50: #f7f9fa;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-premium: 0 20px 40px -4px rgba(16, 42, 67, .15)}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--slate-900)}.lock-screen-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#0f172a;color:#f8fafc}.lock-screen-box{background-color:#1e293b;padding:40px;border-radius:12px;box-shadow:0 10px 25px #00000080;text-align:center;width:450px}.lock-title{font-size:1.5rem;margin-bottom:20px;font-weight:600}.lock-input{width:100%;padding:15px;font-size:1.5rem;text-align:center;border:2px solid #334155;background-color:#0f172a;color:#fff;border-radius:8px;margin-bottom:20px;letter-spacing:normal;outline:none;box-sizing:border-box}.lock-input::placeholder{font-size:1rem;color:#64748b;letter-spacing:normal}.lock-error{color:#ef4444;margin-bottom:15px;font-weight:500;min-height:24px;font-size:.9rem}.lock-btn{background-color:#3b82f6;color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:8px;cursor:pointer;width:100%;font-weight:600;transition:background .2s;margin-bottom:10px}.lock-btn:hover{background-color:#2563eb}.lock-btn:disabled{background-color:#64748b;cursor:not-allowed}.lock-helper-text{font-size:.85rem;color:#94a3b8;margin-bottom:20px}