body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pin-login-container{align-items:center;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.pin-login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:3rem 2.5rem;text-align:center;transition:transform .3s ease;width:100%}.pin-login-card:hover{transform:translateY(-5px)}.pin-login-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2.5rem}.pin-login-logo{border-radius:50%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:80px;margin-bottom:.15rem;object-fit:contain;width:80px}.pin-login-title-img{height:auto;margin-bottom:.5rem;max-height:60px;max-width:110%;object-fit:contain}.pin-login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--secondary),var(--primary));background-clip:text;-webkit-background-clip:text;display:none;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.pin-login-subtitle{font-feature-settings:"smcp";color:var(--text-secondary);font-size:1.1rem;font-variant:small-caps;font-weight:600;letter-spacing:1px;margin:0}.pin-display{gap:1rem;margin-bottom:2rem}.pin-display,.pin-dot{display:flex;justify-content:center}.pin-dot{align-items:center;color:var(--text-light);font-size:2rem;height:20px;transition:all .2s ease;width:20px}.pin-dot.filled{color:var(--primary);transform:scale(1.2)}.pin-error-message{animation:shake .3s ease-in-out;background:#e53e3e1a;border-left:3px solid var(--error);border-radius:10px;color:var(--error);font-size:.95rem;margin-bottom:1.5rem;padding:.75rem 1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.pin-keypad{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.pin-key{background:linear-gradient(135deg,#944c681a,#b8627d1a);border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:var(--text-primary);cursor:pointer;font-size:1.8rem;font-weight:700;height:65px;transition:all .2s ease}.pin-key:hover:not(:disabled){background:linear-gradient(135deg,#944c6833,#b8627d33);box-shadow:0 6px 12px #944c684d;transform:translateY(-3px)}.pin-key:active:not(:disabled){box-shadow:0 2px 4px #944c6833;transform:translateY(0)}.pin-key:disabled{cursor:not-allowed;opacity:.5}.pin-key-clear,.pin-key-enter{background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;font-size:1.2rem;font-weight:600}.pin-key-clear:hover:not(:disabled),.pin-key-enter:hover:not(:disabled){background:linear-gradient(135deg,#b8627d,#a15678)}.pin-key-enter:disabled{background:linear-gradient(135deg,#944c684d,#b8627d4d);color:#fff9}@media (max-width:768px){.pin-login-card{max-width:90%;padding:2rem 1.5rem}.pin-login-title{font-size:2rem}.pin-login-subtitle{font-size:.95rem}.pin-keypad{gap:.75rem}.pin-key{font-size:1.5rem;height:55px}.pin-key-clear,.pin-key-enter{font-size:1rem}}@media (max-width:480px){.pin-display{gap:.75rem}.pin-dot{font-size:1.5rem}.pin-keypad{gap:.5rem}.pin-key{font-size:1.3rem;height:50px}}:root{--bg-gradient-start:#fff5f7;--bg-gradient-end:#ffe4e6;--primary:#944c68;--primary-light:#d68c9f;--primary-dark:#702f43;--secondary:#b8627d;--accent:#ff7e5f;--success:#059669;--success-gradient:linear-gradient(90deg,#059669,#34d399);--warning:#f59e0b;--error:#e53e3e;--error-gradient:linear-gradient(90deg,#e53e3e,#f87171);--info:#944c68;--text-primary:#2d3748;--text-secondary:#4a5568;--text-light:#718096;--text-white:#fff;--surface-glass:#ffffffe6;--surface-glass-strong:#fffffff2;--surface-glass-light:#ffffffb3;--border-light:#ffffff80;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--blur-strong:blur(20px);--blur-light:blur(10px);--bg-white:#fff;--bg-light:#f8fafc;--bg-lighter:#fdf2f8;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 8px 16px #0000001a;--shadow-lg:0 15px 35px #0003}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:linear-gradient(135deg,#fff5f7,#ffe4e6);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);background-attachment:fixed;color:#2d3748;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.glass-card{backdrop-filter:blur(20px);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur-strong);background:#ffffffe6;background:var(--surface-glass);border:1px solid #ffffff80;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{box-shadow:0 15px 35px #0003;box-shadow:var(--shadow-lg);transform:translateY(-5px)}h1,h2,h3,h4,h5,h6{color:#2d3748;color:var(--text-primary);font-weight:700;line-height:1.3;margin:0}h1{color:#944c68;color:var(--primary);font-size:2.5rem;font-weight:800}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#b8627d,#944c68);background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 4px 15px #944c6866;color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #944c6899;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #0000;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);color:#944c68;color:var(--primary)}.btn-secondary:hover{background:#f8fafc;box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-success{background:linear-gradient(90deg,#059669,#34d399);background:var(--success-gradient);box-shadow:0 4px 15px #00b09b66;color:#fff}.btn-danger{background:linear-gradient(90deg,#e53e3e,#f87171);background:var(--error-gradient);box-shadow:0 4px 15px #e53e3e66;color:#fff}.form-input{background:#f8fafc;border:2px solid #0000;border-radius:12px;color:#2d3748;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#b8627d;border-color:var(--secondary);box-shadow:0 0 0 4px #b8627d1a;outline:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.fade-in{animation:fadeIn .4s ease-out forwards}.app{background:#0000;display:flex;flex-direction:column;min-height:100vh}.app main{flex:1 1;margin:0 auto;max-width:1600px;padding:2rem 4rem;width:100%}.app-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #ffffff80;box-shadow:0 4px 6px #0000000d;height:80px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.nav-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;height:100%;margin:0 auto;max-width:1600px;padding:0 2rem;width:100%}.burger-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:space-around;padding:8px;transition:all .3s ease;width:40px;z-index:1001}.burger-btn:hover{background:#944c681a}.burger-btn span{background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:10px;height:3px;transform-origin:center;transition:all .3s ease;width:24px}.burger-btn.open span:first-child{transform:translateY(7px) rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0;transform:translateX(-10px)}.burger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-logo{border-radius:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:48px;justify-self:center;min-width:0;min-width:auto;width:auto}.nav-actions{align-items:center;display:flex;gap:1rem;justify-self:end}.user-info{background:#944c681a;border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:.5rem .875rem;text-transform:capitalize;white-space:nowrap}.icon-btn{align-items:center;background:linear-gradient(135deg,var(--secondary),var(--primary));border:none;border-radius:10px;box-shadow:0 4px 6px #944c6840;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .3s ease}.icon-btn:hover{box-shadow:0 6px 12px #944c684d;transform:translateY(-2px)}.icon-btn:active{box-shadow:0 3px 6px #944c6833;transform:translateY(0)}.btn-icon{filter:brightness(0) invert(1);height:20px;width:20px}.logout-btn{background:var(--error-gradient);box-shadow:0 4px 12px #e53e3e4d;color:#fff}.sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{animation:slideIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-right:1px solid #944c6833;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:320px;z-index:1101}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar-header{align-items:center;border-bottom:2px solid #944c681a;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin:0}.sidebar-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.sidebar-close:hover{background:#944c681a;color:var(--primary);transform:rotate(90deg)}.sidebar-content{flex:1 1;overflow-y:auto;padding:1rem 0}.sidebar-link{align-items:center;border-left:4px solid #0000;color:var(--text-secondary);display:flex;font-size:1.05rem;font-weight:600;gap:1rem;margin:.25rem 0;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.sidebar-link:hover{background:#944c6814}.sidebar-link.active,.sidebar-link:hover{border-left-color:var(--primary);color:var(--primary)}.sidebar-link.active{background:linear-gradient(90deg,#944c6826,#0000);font-weight:700}.sidebar-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center;width:32px}.sidebar-group{margin:.5rem 0}.sidebar-group-header{align-items:center;background:#944c680d;border-left:4px solid #0000;cursor:pointer;display:flex;justify-content:space-between;margin:.25rem 0;padding:.875rem 1.5rem;transition:all .3s ease}.sidebar-group-header:hover{background:#944c681f;border-left-color:var(--primary)}.sidebar-group-header-content{align-items:center;display:flex;gap:1rem}.sidebar-group-title-text{color:var(--primary);font-size:.95rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.sidebar-group-chevron{color:var(--primary);font-size:.75rem;font-weight:700;transition:transform .3s ease}.sidebar-group-chevron.open{transform:rotate(90deg)}.sidebar-group-links{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.sidebar-group-links.open{max-height:600px;transition:max-height .4s ease-in}.sidebar-group .sidebar-link{margin:0;padding-left:3rem}.sidebar-group-title{background:#944c680d;border-left:4px solid var(--primary);color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase}.sidebar-footer{background:#944c680d;border-top:2px solid #944c681a;padding:1.5rem}.sidebar-user-info{display:flex;flex-direction:column;gap:.25rem}.sidebar-user-info strong{color:var(--text-primary);font-size:1.05rem;font-weight:700}.sidebar-user-info span{color:var(--text-secondary);font-size:.875rem;text-transform:capitalize}.app-footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border-top:1px solid #fff3;color:#ffffffe6;margin-top:auto;padding:.75rem}.footer-content{font-size:.9rem;font-weight:500;text-align:center}.page-title-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid var(--border-light);border-left:6px solid var(--primary);border-radius:20px;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.page-title{color:var(--primary);font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0}.loading-container{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;justify-content:center;min-height:60vh;text-shadow:0 2px 4px #0003}@media (max-width:1024px){.app main{padding:1.5rem}.header-logo{height:40px}.icon-btn{padding:.5rem .75rem}.btn-icon{height:18px;width:18px}}@media (max-width:768px){.nav-container{grid-template-columns:auto auto auto;padding:0 1rem}.header-logo{height:36px}.user-info{display:none}.sidebar{width:280px}.page-title-card{border-left:none;border-top:6px solid var(--primary);flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.nav-container{padding:0 .75rem}.sidebar{max-width:300px;width:85vw}.burger-btn{height:36px;width:36px}.burger-btn span{width:20px}}