body{line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-transition{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-visible{opacity:1}.main-nav a{position:relative;transition:color .3s ease}.main-nav a:after{background:linear-gradient(135deg,#04aa9f,#2f3640);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.main-nav a.active:after,.main-nav a:hover:after{width:100%}.main-nav a:hover{color:#04aa9f}.hex-loader-container{min-height:200px;width:100%}.hex-loader-container,.hex-loader-fullscreen{align-items:center;display:flex;justify-content:center}.hex-loader-fullscreen{background-color:#ffffffe6;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}[data-theme=dark] .hex-loader-fullscreen{background-color:#1a202ce6}.hex-border{border:2px solid #ebedf1;border-radius:100%;height:170px;position:relative;width:170px}[data-theme=dark] .hex-border{border-color:#4a5568}.hex-border:before{animation:rotateSmall 2s linear infinite;border:2px solid #04aa9f;border-radius:100%;clip-path:inset(0 135px 135px 0);-webkit-clip-path:inset(0 135px 135px 0);z-index:2}.hex-border:after,.hex-border:before{box-sizing:border-box;content:"";height:174px;left:-2px;position:absolute;top:-2px;width:174px}.hex-border:after{animation:rotateLarge 1s linear infinite;border:2px solid #c5cbd5;border-radius:100%;clip-path:inset(0 30px 30px 0);-webkit-clip-path:inset(0 30px 30px 0)}[data-theme=dark] .hex-border:after{border-color:#718096}.hexagons{border-radius:100%;left:35px;padding:5%;position:relative;top:30px}.hexagon{background-color:#04aa9f;height:23px;position:absolute;transform:scale(1.02);transform-origin:center;width:40px}.hexagon:before{border-bottom:11.5px solid #04aa9f;top:-11.5px}.hexagon:after,.hexagon:before{border-left:20px solid #0000;border-right:20px solid #0000;content:"";height:0;left:0;position:absolute;width:0}.hexagon:after{border-top:11.5px solid #04aa9f;top:23px}.hexagon:first-child{animation:animateHex 3s infinite}.hexagon:nth-child(2){animation:animateHex 3s .2s infinite;left:53px}.hexagon:nth-child(3){animation:animateHex 3s 1s infinite;left:-13px;top:46px}.hexagon:nth-child(4){animation:animateHex 3s 1.2s infinite;left:31px;top:46px}.hexagon:nth-child(5){animation:animateHex 3s .4s infinite;left:75px;top:46px}.hexagon:nth-child(6){animation:animateHex 3s .8s infinite;top:84px}.hexagon:nth-child(7){animation:animateHex 3s .6s infinite;left:53px;top:84px}.hex-loader-small .hex-border{border-width:1px;height:100px;width:100px}.hex-loader-small .hex-border:after,.hex-loader-small .hex-border:before{border-width:1px;height:102px;left:-1px;top:-1px;width:102px}.hex-loader-small .hex-border:before{clip-path:inset(0 80px 80px 0);-webkit-clip-path:inset(0 80px 80px 0)}.hex-loader-small .hex-border:after{clip-path:inset(0 18px 18px 0);-webkit-clip-path:inset(0 18px 18px 0)}.hex-loader-small .hexagons{left:21px;top:18px}.hex-loader-small .hexagon{height:14px;width:24px}.hex-loader-small .hexagon:before{border-bottom-width:7px;border-left-width:12px;border-right-width:12px;top:-7px}.hex-loader-small .hexagon:after{border-left-width:12px;border-right-width:12px;border-top-width:7px;top:14px}.hex-loader-small .hexagon:nth-child(2){left:32px}.hex-loader-small .hexagon:nth-child(3){left:-8px;top:28px}.hex-loader-small .hexagon:nth-child(4){left:19px;top:28px}.hex-loader-small .hexagon:nth-child(5){left:45px;top:28px}.hex-loader-small .hexagon:nth-child(6){top:51px}.hex-loader-small .hexagon:nth-child(7){left:32px;top:51px}.hex-loader-large .hex-border{border-width:3px;height:220px;width:220px}.hex-loader-large .hex-border:after,.hex-loader-large .hex-border:before{border-width:3px;height:226px;left:-3px;top:-3px;width:226px}.hex-loader-large .hex-border:before{clip-path:inset(0 175px 175px 0);-webkit-clip-path:inset(0 175px 175px 0)}.hex-loader-large .hex-border:after{clip-path:inset(0 39px 39px 0);-webkit-clip-path:inset(0 39px 39px 0)}.hex-loader-large .hexagons{left:45px;top:39px}.hex-loader-large .hexagon{height:30px;width:52px}.hex-loader-large .hexagon:before{border-bottom-width:15px;border-left-width:26px;border-right-width:26px;top:-15px}.hex-loader-large .hexagon:after{border-left-width:26px;border-right-width:26px;border-top-width:15px;top:30px}.hex-loader-large .hexagon:nth-child(2){left:69px}.hex-loader-large .hexagon:nth-child(3){left:-17px;top:60px}.hex-loader-large .hexagon:nth-child(4){left:40px;top:60px}.hex-loader-large .hexagon:nth-child(5){left:97px;top:60px}.hex-loader-large .hexagon:nth-child(6){top:109px}.hex-loader-large .hexagon:nth-child(7){left:69px;top:109px}@keyframes rotateSmall{to{transform:rotate(1turn)}}@keyframes rotateLarge{0%{clip-path:inset(0 30px 30px 0);-webkit-clip-path:inset(0 30px 30px 0)}50%{clip-path:inset(0 150px 150px 0);-webkit-clip-path:inset(0 150px 150px 0)}to{clip-path:inset(0 30px 30px 0);-webkit-clip-path:inset(0 30px 30px 0);transform:rotate(1turn)}}@keyframes animateHex{0%{transform:scale(1.02)}20%,50%{opacity:0;transform:scale(.6)}65%{opacity:1;transform:scale(1.02)}}.file-icon-wrapper{display:inline-flex}.file-icon-document,.file-icon-wrapper{align-items:center;justify-content:center;position:relative}.file-icon-document{display:flex}.file-icon-paper{align-items:flex-end;background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;overflow:hidden;position:relative}[data-theme=dark] .file-icon-paper{background:linear-gradient(135deg,#424242,#303030);border-color:#555}.file-icon-corner{border-color:#0000 #bdbdbd #0000 #0000;border-style:solid;height:0;position:absolute;right:0;top:0;width:0}[data-theme=dark] .file-icon-corner{border-color:#0000 #666 #0000 #0000}.file-icon-badge{border-radius:2px;bottom:3px;box-shadow:0 1px 3px #0000004d;color:#fff;font-size:.6em;font-weight:700;letter-spacing:.3px;line-height:1.2;padding:1px 4px;position:absolute;right:3px;text-align:center}.file-icon-small .file-icon-paper{height:40px;padding-bottom:8px;width:32px}.file-icon-small .file-icon-corner{border-width:8px 8px 0 0}.file-icon-small .file-icon-badge{bottom:2px;font-size:.5em;padding:1px 3px;right:2px}.file-icon-medium .file-icon-paper{height:50px;padding-bottom:10px;width:40px}.file-icon-medium .file-icon-corner{border-width:10px 10px 0 0}.file-icon-medium .file-icon-badge{bottom:3px;font-size:.6em;padding:2px 4px;right:3px}.file-icon-large .file-icon-paper{height:70px;padding-bottom:14px;width:56px}.file-icon-large .file-icon-corner{border-width:14px 14px 0 0}.file-icon-large .file-icon-badge{bottom:4px;font-size:.65em;padding:3px 6px;right:4px}.file-icon-wrapper:hover .file-icon-paper{box-shadow:0 4px 8px #00000026;transform:translateY(-2px);transition:all .2s ease}.file-type-pdf{background-color:#d32f2f}.file-type-doc{background-color:#2b579a}.file-type-xls{background-color:#1d6f42}.file-type-ppt{background-color:#d24726}.file-type-txt{background-color:#616161}.file-type-img{background-color:#7b1fa2}.file-type-zip{background-color:#f57c00}.file-type-csv{background-color:#1d6f42}.file-type-json{background-color:#455a64}.file-type-xml{background-color:#e65100}@keyframes slideInFile{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-icon-wrapper.new-file{animation:slideInFile .3s ease-out}:root{--primary:#04aa9f;--primary-dark:#0f766e;--primary-light:#5eead4;--bg:#eaf8f5;--glass:#ffffffad;--glass-border:#ffffffc7;--glass-hover:#ffffffd1;--shadow-xl:0 30px 80px #0f766e33;--shadow-lg:0 20px 60px #0f766e29;--shadow-md:0 8px 30px #0f766e1f;--shadow-sm:0 2px 10px #0f766e14;--radius-xl:24px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-xs:6px;--text:#0f2d26;--text-muted:#6b8f89;--text-light:#94a3b8;--success:#16a34a;--warning:#b45309;--danger:#b91c1c;--info:#1d4ed8}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 80% 50% at 20% -10%,#04aa9f2e 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 110%,#0f766e1f 0,#0000 50%),linear-gradient(160deg,#eaf8f5,#d0f5ef 40%,#e8f8f4);background-attachment:fixed;color:#0f2d26;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}.glass-card{backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);background:#ffffffad;background:var(--glass);border:1px solid #ffffffc7;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0f766e1f;box-shadow:var(--shadow-md)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{background:#0000;flex:1 1;padding:0}.app-footer{display:none}.topbar{align-items:center;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffb8;border-bottom:1px solid #fffc;box-shadow:0 2px 20px #0f766e1a;display:flex;height:64px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f766e,#04aa9f);background:linear-gradient(135deg,var(--primary-dark),var(--primary));-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:1.4rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;-webkit-user-select:none;user-select:none}.topbar-nav{align-items:center;display:flex;gap:4px}.topbar-nav a{border-radius:10px;color:#6b8f89;color:var(--text-muted);font-size:.875rem;font-weight:500;padding:7px 16px;text-decoration:none;transition:all .2s}.topbar-nav a:hover{background:#04aa9f1a;color:#0f766e;color:var(--primary-dark)}.topbar-nav a.active{background:#04aa9f24;color:#0f766e;color:var(--primary-dark);font-weight:600}.topbar-user{align-items:center;background:#ffffffad;background:var(--glass);border:1px solid #ffffffc7;border:1px solid var(--glass-border);border-radius:50px;cursor:pointer;display:flex;gap:10px;padding:6px 14px 6px 8px;transition:all .2s}.topbar-user:hover{background:#ffffffe0;box-shadow:0 4px 16px #0f766e1f}.topbar-user-actions{align-items:center;display:flex;gap:8px}.user-avatar{align-items:center;background:linear-gradient(135deg,#0f766e,#5eead4);background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-name-chip{color:#0f766e;color:var(--primary-dark)}.btn,.user-name-chip{font-size:.875rem;font-weight:600}.btn{align-items:center;border:1.5px solid #0000;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;gap:7px;line-height:1;overflow:hidden;padding:9px 18px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:after{background:linear-gradient(135deg,#ffffff38,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:#04aa9f26;border-color:#04aa9f73;color:#0f766e}.btn-primary:hover:not(:disabled){background:#04aa9f38;box-shadow:0 4px 16px #04aa9f47;transform:translateY(-1px)}.btn-approve{background:#22c55e21;border-color:#22c55e6b;color:#15803d}.btn-approve:hover:not(:disabled){background:#22c55e38;box-shadow:0 4px 16px #22c55e47;transform:translateY(-1px)}.btn-reject{background:#ef44441a;border-color:#ef444461;color:#b91c1c}.btn-reject:hover:not(:disabled){background:#ef44442e;box-shadow:0 4px 16px #ef44443d;transform:translateY(-1px)}.btn-warning{background:#f59e0b1a;border-color:#f59e0b61;color:#b45309}.btn-warning:hover:not(:disabled){background:#f59e0b2e;box-shadow:0 4px 16px #f59e0b38;transform:translateY(-1px)}.btn-ghost{background:#0000;border-color:#0f766e40;color:#6b8f89;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:#04aa9f12;border-color:#0f766e66;color:#0f766e;color:var(--primary-dark);transform:translateY(-1px)}.btn-danger{background:#ef44441a;border-color:#ef444459;color:#b91c1c}.btn-danger:hover:not(:disabled){background:#ef44442e;box-shadow:0 4px 16px #ef444438;transform:translateY(-1px)}.btn-success{background:#22c55e21;border-color:#22c55e6b;color:#15803d}.btn-success:hover:not(:disabled){background:#22c55e38;box-shadow:0 4px 16px #22c55e47;transform:translateY(-1px)}.btn-secondary{background:#94a3b81f;border-color:#94a3b859;color:#475569}.btn-secondary:hover:not(:disabled){background:#94a3b833;transform:translateY(-1px)}.btn-sm{font-size:.82rem;padding:6px 14px}.btn-lg{font-size:1rem;padding:12px 26px}.glass-input,.glass-select,.glass-textarea{background:#ffffffbf;border:1.5px solid #0f766e2e;border-radius:10px;border-radius:var(--radius-sm);color:#0f2d26;color:var(--text);font-size:.875rem;line-height:1.5;outline:none;padding:9px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.glass-textarea{min-height:100px;resize:vertical}.glass-input:focus,.glass-select:focus,.glass-textarea:focus{background:#ffffffb8;border-color:#04aa9f;border-color:var(--primary);box-shadow:0 0 0 3px #04aa9f24}.glass-input::placeholder,.glass-textarea::placeholder{color:#94a3b8;color:var(--text-light)}.glass-input:disabled,.glass-select:disabled,.glass-textarea:disabled{cursor:not-allowed;opacity:.55}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label,.form-label{color:#0f2d26;color:var(--text);font-size:.82rem;font-weight:600}.form-hint{color:#6b8f89;color:var(--text-muted);font-size:.75rem}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.72rem;font-weight:600;padding:3px 10px;white-space:nowrap}.badge-draft{background:#94a3b824;color:#475569}.badge-active,.badge-in-progress{background:#04aa9f1f;color:#0f766e}.badge-approval,.badge-in-approval{background:#f59e0b1f;color:#b45309}.badge-approved,.badge-done{background:#22c55e1f;color:#15803d}.badge-rejected{background:#ef44441a;color:#b91c1c}.badge-rework{background:#3b82f61a;color:#1d4ed8}.badge-low{background:#94a3b824;color:#64748b}.badge-medium{background:#f59e0b1f;color:#b45309}.badge-high{background:#ef44441a;color:#b91c1c}.badge-critical,.badge-urgent{background:#ef444429;color:#991b1b;font-weight:700}.glass-table{border-collapse:collapse;width:100%}.glass-table thead th{border-bottom:1px solid #0f766e1a;color:#6b8f89;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.07em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.glass-table tbody tr{border-bottom:1px solid #0f766e0f;transition:background .15s}.glass-table tbody tr:last-child{border-bottom:none}.glass-table tbody tr:hover{background:#04aa9f0a}.glass-table tbody td{font-size:.875rem;padding:13px 16px;vertical-align:middle}.modal-backdrop,.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f766e2e;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;z-index:1000}.modal-box,.modal-content{animation:modalIn .25s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);background:#ffffffe0;border:1px solid #ffffffe6;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 30px 80px #0f766e33;box-shadow:var(--shadow-xl);padding:32px;width:min(92vw,640px)}.modal-close{align-items:center;background:#0f766e14;border:none;border-radius:50%;color:#6b8f89;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:22px}.modal-title{color:#0f2d26;color:var(--text);font-size:1.15rem;font-weight:700;line-height:1.2;margin-bottom:0;padding:0;text-align:left}.modal-close:hover{background:#ef44441f;color:#b91c1c}.modal-footer{border-top:1px solid #0f766e14;display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px}.tabs-row{background:#ffffff80;border:1px solid #ffffffbf;border-radius:14px;border-radius:var(--radius-md);display:flex;gap:2px;margin-bottom:20px;padding:4px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b8f89;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:7px;justify-content:center;padding:9px 16px;transition:all .2s;white-space:nowrap}.tab-btn.active{background:#ffffffad;background:var(--glass);box-shadow:0 2px 10px #0f766e14;box-shadow:var(--shadow-sm);color:#0f766e;color:var(--primary-dark);font-weight:700}.tab-btn:hover:not(.active){background:#04aa9f0f}.tab-badge,.tab-btn:hover:not(.active){color:#0f766e;color:var(--primary-dark)}.tab-badge{background:#04aa9f26;border-radius:99px;font-size:.68rem;font-weight:700;min-width:20px;padding:1px 7px;text-align:center}.tab-btn.active .tab-badge{background:#04aa9f;background:var(--primary);color:#fff}.page-container{margin:0 auto;max-width:1440px;padding:28px 28px 64px}.page-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.page-title-row h1{font-size:1.65rem;font-weight:800;letter-spacing:-.04em}.page-subtitle{color:#6b8f89;color:var(--text-muted);font-size:.875rem;margin-top:3px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.loading-container.full-screen{min-height:100vh}.glass-spinner{animation:spin .8s linear infinite;border:3px solid #04aa9f26;border-radius:50%;border-top:3px solid var(--primary);height:44px;width:44px}.loading-container p{color:#6b8f89;color:var(--text-muted);font-size:.875rem;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:center;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffffe0;border:1px solid #ffffffe6;border-radius:14px;border-radius:var(--radius-md);box-shadow:0 8px 32px #0f766e29;display:flex;font-size:.875rem;font-weight:500;gap:10px;max-width:400px;min-width:260px;padding:12px 18px;pointer-events:all}.toast-success,.toast.success{border-left:4px solid #22c55e;color:#15803d}.toast-error,.toast.error{border-left:4px solid #ef4444;color:#b91c1c}.toast-warning,.toast.warning{border-left:4px solid #f59e0b;color:#b45309}.toast-info,.toast.info{border-left:4px solid #3b82f6;color:#1d4ed8}.toast-icon{flex-shrink:0;font-size:1.1rem}.toast-message{flex:1 1}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.6;padding:0;transition:opacity .15s}.toast-close:hover{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.error-block{background:#ef444412;border:1px solid #ef444438;border-radius:14px;border-radius:var(--radius-md);color:#b91c1c;font-size:.875rem;font-weight:500;padding:16px 20px}.empty-state{color:#6b8f89;color:var(--text-muted);padding:48px 24px;text-align:center}.empty-state p{font-size:.95rem;margin-top:10px}.bottom-nav,.mobile-only{display:none}.bottom-nav{backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);background:#ffffffd9;border-top:1px solid #fffc;bottom:0;box-shadow:0 -4px 20px #0f766e1a;left:0;padding:8px 0;position:fixed;right:0;z-index:10000}.bottom-nav-item{align-items:center;background:#0000;border:none;color:#6b8f89;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.68rem;font-weight:500;gap:4px;justify-content:center;min-width:50px;padding:8px 4px;text-decoration:none;transition:all .2s}.bottom-nav-item.active{color:#0f766e;color:var(--primary-dark)}.bottom-nav-item.active svg{stroke:#04aa9f;stroke:var(--primary)}.bottom-nav-logout{color:#b91c1c}.change-password-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f766e2e;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10001}.change-password-modal{animation:modalIn .25s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);background:#ffffffe0;border:1px solid #ffffffe6;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 30px 80px #0f766e33;box-shadow:var(--shadow-xl);padding:28px;width:min(92vw,440px)}.change-password-modal h3{color:#0f2d26;color:var(--text);font-size:1.1rem;font-weight:700;margin-bottom:18px}.change-password-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.change-password-form-group label{color:#0f2d26;color:var(--text);font-size:.82rem;font-weight:600}.change-password-form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1.5px solid #0f766e2e;border-radius:10px;border-radius:var(--radius-sm);color:#0f2d26;color:var(--text);font-size:.875rem;outline:none;padding:9px 14px;transition:all .2s;width:100%}.change-password-form-group input:focus{background:#ffffffb8;border-color:#04aa9f;border-color:var(--primary);box-shadow:0 0 0 3px #04aa9f24}.change-password-form-group small{color:#6b8f89;color:var(--text-muted);font-size:.75rem}.change-password-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}@media (max-width:1024px){.topbar{padding:0 20px}.page-container{padding:20px 20px 64px}}@media (max-width:768px){.topbar{padding:0 16px}.topbar-nav{display:none}.bottom-nav.mobile-only{display:flex}.app-main{padding-bottom:72px}.page-container{padding:16px 14px 80px}.glass-card{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.modal-box,.modal-content{padding:22px}.btn{font-size:.83rem;padding:8px 14px}.btn-sm{font-size:.78rem;padding:5px 10px}}@media (max-width:480px){.page-container{padding:12px 12px 80px}.page-title-row h1{font-size:1.35rem}.topbar-user .user-name-chip{display:none}}
/*# sourceMappingURL=main.67012660.css.map*/