:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.hero-section{position:relative;min-height:80vh;background:var(--bg-page);display:flex;align-items:center;justify-content:center;padding:60px 20px;overflow:hidden}.hero-content{position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto}.hero-badge{margin-bottom:20px;animation:fadeInDown .8s ease}.hero-badge ion-chip{--background: var(--tag-selected);--color: var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius-xl);padding:6px 14px;font-weight:700;box-shadow:var(--shadow-sm);font-size:1.1rem;height:auto}.hero-title{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:20px 0;line-height:1.2;animation:fadeInUp .8s ease .2s both}.gradient-text{background:linear-gradient(90deg,var(--text-accent) 0%,var(--tag-selected) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes text-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-description{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:30px auto;line-height:1.6;animation:fadeInUp .8s ease .4s both}.hero-buttons{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin:40px 0;animation:fadeInUp .8s ease .6s both}.hero-login-button{background:var(--window-bg);border-radius:var(--radius-lg);border:3px solid var(--window-border);box-shadow:var(--shadow-window);position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;min-width:220px}.hero-login-button:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 35px rgba(0,0,0,.2);background:var(--bg-primary)}.hero-login-button:active{transform:translateY(-2px) scale(1.01)}.login-button-header{background:var(--window-header);color:var(--text-light, #fff);font-size:.8rem;font-weight:600;padding:5px 12px;border-bottom:2px solid var(--window-border);text-align:left}.login-button-body{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px}.login{font-size:1.5rem;color:var(--text-accent);flex-shrink:0}.login-text{font-size:1rem;font-weight:700;color:var(--text-primary)}.register-prompt{text-align:center;font-size:1.3rem;color:var(--text-secondary)}.register-link{color:var(--text-accent);font-weight:700;text-decoration:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;padding-bottom:2px;font-size:1.3rem}.register-link:hover{color:var(--tag-selected);border-bottom-color:var(--tag-selected)}.floating-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:60px;max-width:1000px;margin-left:auto;margin-right:auto}.stat-card{background:var(--window-bg);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:15px;border:3px solid var(--window-border);animation:fadeInUp .8s ease both;transition:all .3s ease;cursor:pointer;box-shadow:var(--shadow-window);position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border)}.stat-card>*{margin-top:28px}.stat-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 35px rgba(0,0,0,.2);background:var(--bg-primary)}.stat-icon{font-size:2.5rem;color:var(--text-accent);flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.hero-decoration{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;background:rgba(232,155,60,.05);animation:float-enhanced 20s ease-in-out infinite}@keyframes float-enhanced{0%,to{transform:translate(0) scale(1);opacity:.05}33%{transform:translate(30px,-30px) scale(1.1);opacity:.08}66%{transform:translate(-30px,30px) scale(.9);opacity:.03}}.circle-1{width:300px;height:300px;top:-100px;right:-100px;animation-delay:0s;animation-duration:25s}.circle-2{width:200px;height:200px;bottom:-50px;left:10%;animation-delay:2s;animation-duration:20s}.circle-3{width:150px;height:150px;top:50%;left:-50px;animation-delay:4s;animation-duration:18s}.cta-section{padding:80px 20px;background:var(--bg-page)}.cta-card{max-width:1200px;margin:0 auto;background:var(--window-bg);border-radius:var(--radius-lg);overflow:hidden;border:3px solid var(--window-border);box-shadow:var(--shadow-window);position:relative}.cta-card:before{content:"Get Started Today";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:var(--text-light);display:flex;align-items:center;padding:0 var(--spacing-md);font-size:.9rem;font-weight:600;z-index:1}.cta-card ion-card-content{padding:80px 40px 60px;background:linear-gradient(135deg,var(--tag-bg) 0%,var(--tag-selected) 100%)}.cta-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 15px}.cta-description{font-size:1.125rem;color:var(--text-secondary);margin:0;line-height:1.6}.footer{background:var(--window-header);color:#fff;padding:60px 20px 20px}.footer-title{font-size:1.75rem;font-weight:700;margin:0 0 15px;color:var(--tag-selected)}.footer-heading{font-size:1.125rem;font-weight:600;margin:0 0 15px;color:#fff}.footer-text{color:rgba(255,255,255,.7);line-height:1.8;margin:0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s ease;cursor:pointer}.footer-links a:hover{color:var(--tag-selected)}.footer-bottom{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:rgba(255,255,255,.5);margin:0;font-size:.875rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@media (max-width: 768px){.hero-badge ion-chip{font-size:1rem;padding:5px 12px}.hero-title{font-size:1.9rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column}.floating-stats{grid-template-columns:1fr}.cta-title{font-size:1.75rem}.cta-card ion-card-content{padding:60px 20px 40px}}@media (max-width: 480px){.hero-badge ion-chip{font-size:.9rem;padding:4px 10px}.hero-section{min-height:70vh;padding:40px 15px}.hero-title{font-size:1.6rem}.stat-card{padding:20px 15px}.stat-value{font-size:1.5rem}}.login-content{--background: var(--bg-page)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100%;padding:20px}.login-card{max-width:500px;width:100%;box-shadow:var(--shadow-window);border-radius:var(--radius-lg);animation:card-slide-up .5s ease-out;background:var(--window-bg);border:3px solid var(--window-border);position:relative;overflow:hidden}.login-card:before{content:"Login";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:var(--text-light);display:flex;align-items:center;padding:0 var(--spacing-md);font-size:.9rem;font-weight:600;z-index:1}.exit-button{position:absolute;top:0;right:0;width:40px;height:36px;background:transparent;border:none;border-radius:0 var(--radius-lg) 0 0;color:var(--text-light);font-size:1rem;font-weight:600;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:monospace;padding:0;margin:0}.login-card ion-card-header{padding-top:48px;padding-bottom:0}.login-form-content{display:flex;flex-direction:column;align-items:center;width:100%}.login-form-content form{width:100%;max-width:400px;margin-top:20px}.main-icon.locked{color:var(--color-error);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.input-label:has(~.password-wrapper) .input-icon,label[for=password] .input-icon{color:var(--neutral-900)}.attempts-warning{display:flex;align-items:flex-start;padding:15px;background-color:var(--pastel-warning);border-radius:var(--radius-md);margin:20px 0;border-left:4px solid var(--color-warning);border:2px solid var(--color-warning)}.attempts-warning ion-icon{font-size:24px;margin-right:10px;color:var(--text-accent);flex-shrink:0;margin-top:2px}.attempts-warning p{margin:0;font-size:14px;line-height:1.5;color:var(--text-primary)}.attempts-progress{margin:15px 0}.attempts-progress ion-progress-bar{height:8px;border-radius:4px;margin-bottom:5px}.attempts-progress ion-note{display:flex;justify-content:center;color:var(--text-secondary)}.forgot-password-section{text-align:center;margin-top:20px}.forgot-password-section a{color:var(--text-accent);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease;padding-bottom:2px}.forgot-password-section a:hover{color:var(--tag-selected);border-bottom-color:var(--tag-selected)}.register-section{text-align:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.register-section a{color:var(--text-accent);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease;padding-bottom:2px}.register-section a:hover{color:var(--tag-selected);border-bottom-color:var(--tag-selected)}.lockout-state{text-align:center;padding:20px 0}.lockout-timer{display:flex;flex-direction:column;align-items:center;margin:30px 0;padding:30px;background:var(--color-error);border-radius:var(--radius-lg);border:3px solid #D32F2F;box-shadow:var(--shadow-md)}.timer-icon{font-size:60px;color:#b71c1c;margin-bottom:15px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.timer-display{font-size:48px;font-weight:700;color:#b71c1c;font-family:Courier New,monospace;letter-spacing:5px}.lockout-message{font-size:16px;line-height:1.6;margin:20px 0;padding:15px;background-color:rgba(244,165,165,.3);border-radius:var(--radius-md);color:#b71c1c;border:2px solid rgba(211,47,47,.3)}.lockout-info{text-align:left;margin:30px 0;padding:20px;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--border-color)}.lockout-info ion-note{color:var(--text-secondary)}.lockout-info p{margin:0 0 10px;line-height:1.6;color:var(--text-primary)}.locked-button{margin-top:20px;--background: var(--neutral-400);--background-hover: var(--neutral-400);--background-activated: var(--neutral-400);--border-radius: var(--radius-xl);--color: var(--text-light);cursor:not-allowed;border:2px solid var(--neutral-600);opacity:.6}@media (max-width: 576px){.login-container{padding:10px}.main-icon{font-size:60px}.card-title-only{font-size:20px}.timer-display{font-size:36px;letter-spacing:3px}.timer-icon{font-size:50px}.lockout-timer{padding:20px}}.login-card ion-card-content{background:var(--window-bg)}.login-card ion-text{color:var(--text-secondary)}.login-card ion-text[color=danger]{color:#b71c1c}.login-card ion-text[color=warning]{color:var(--text-accent)}.login-card ion-text[color=medium]{color:var(--text-secondary)}.register-content{--background: var(--bg-page)}.register-container{display:flex;justify-content:center;align-items:center;min-height:100%;padding:20px}.register-card{max-width:500px;width:100%;box-shadow:var(--shadow-window);border-radius:var(--radius-lg);animation:card-slide-up .5s ease-out;background:var(--window-bg);border:3px solid var(--window-border);position:relative;overflow:hidden}.register-card:before{content:"Register";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:var(--text-light);display:flex;align-items:center;padding:0 var(--spacing-md);font-size:.9rem;font-weight:600;z-index:1}.register-card ion-card-header{padding-top:48px;padding-bottom:0}.register-form-content{display:flex;flex-direction:column;align-items:center;width:100%}.register-form-content form{width:100%;max-width:400px;margin-top:20px}.page-title{font-size:14px;margin-bottom:10px;color:var(--text-secondary);text-align:center}.icon-container{color:var(--window-header);display:flex;justify-content:center;margin-bottom:15px;margin-top:15px}.main-icon{margin-top:20px;font-size:50px;color:var(--text-accent);transition:all .3s ease}.custom-input{width:100%;padding:12px 16px;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--cream-100);color:var(--text-primary);transition:all .3s ease;font-family:inherit}.error-message p,.error-message span{margin:0;font-size:14px;line-height:1.5;color:#b71c1c}.admin-note{display:block;padding:15px;margin-bottom:20px;background:var(--pastel-warning);border-radius:var(--radius-md);border-left:4px solid var(--color-warning);border:2px solid var(--color-warning);color:var(--text-primary);font-size:.9rem}.password-strength{margin-bottom:20px;padding:10px}.strength-bars{display:flex;gap:5px;margin-bottom:8px}.strength-bar{flex:1;height:4px;background:var(--border-color);border-radius:2px;transition:background-color .3s ease}.strength-bar.danger{background:#d32f2f}.strength-bar.warning{background:var(--color-warning)}.strength-bar.success{background:#7cb89d}.password-requirements{margin-bottom:20px;padding:15px;background:var(--cream-50);border-radius:var(--radius-md);border:2px solid var(--border-color)}.password-requirements ul{margin:8px 0 0;padding-left:20px}.password-requirements li{color:var(--text-secondary);margin:4px 0;transition:color .3s ease;font-size:.9rem}.password-requirements li.valid{color:#7cb89d;font-weight:600}.password-requirements li.valid:before{content:"✓ ";font-weight:700}.terms-checkbox{display:flex;align-items:flex-start;gap:10px;margin:20px 0;padding:15px;background:var(--cream-50);border-radius:var(--radius-md);border:2px solid var(--border-color)}.terms-checkbox ion-checkbox{margin-top:2px}.terms-checkbox ion-label{font-size:.9rem;color:var(--text-primary)}.terms-checkbox a{color:var(--text-accent);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease;padding-bottom:2px}.terms-checkbox a:hover{color:var(--tag-selected);border-bottom-color:var(--tag-selected)}.login-section{margin-bottom:10px;text-align:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.login-section a{color:var(--text-accent);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease;padding-bottom:2px}.login-section a:hover{color:var(--tag-selected);border-bottom-color:var(--tag-selected)}@media (max-width: 576px){.register-container{padding:10px}.main-icon{font-size:60px}.card-title-only{font-size:20px}.password-requirements,.terms-checkbox{padding:12px}}.legal-modal{--border-radius: var(--radius-lg);--height: 85vh;--max-height: 85vh;--width: min(560px, 95vw)}.legal-modal-inner{display:flex;flex-direction:column;height:85vh;max-height:85vh;background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);overflow:hidden}.legal-modal-header{display:flex;align-items:center;gap:10px;background:var(--window-header);color:var(--text-light);padding:14px 18px;flex-shrink:0}.legal-modal-header h2{flex:1;margin:0;font-size:1rem;font-weight:700;color:var(--text-light)}.legal-modal-icon{font-size:1.3rem;color:var(--tag-selected);flex-shrink:0}.legal-modal-close{background:transparent;border:none;color:var(--text-light);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:background .2s ease;flex-shrink:0}.legal-modal-close:hover{background:rgba(255,255,255,.15);color:var(--tag-selected)}.legal-modal-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 24px 16px;color:var(--text-primary);line-height:1.7}.legal-modal-body h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:20px 0 6px;padding-bottom:4px;border-bottom:2px solid var(--border-color)}.legal-modal-body h3:first-of-type{margin-top:8px}.legal-modal-body p{font-size:.9rem;color:var(--text-secondary);margin:0 0 10px}.legal-modal-body ul{padding-left:20px;margin:0 0 10px}.legal-modal-body ul li{font-size:.9rem;color:var(--text-secondary);margin-bottom:6px}.legal-effective{font-size:.8rem!important;color:var(--text-disabled)!important;margin-bottom:16px!important;font-style:italic}.legal-note{margin-top:20px!important;padding:12px 14px;background:var(--pastel-warning);border:2px solid var(--color-warning);border-radius:var(--radius-md);font-size:.85rem!important;color:var(--text-primary)!important}.legal-modal-footer{display:flex;gap:10px;padding:14px 24px;border-top:2px solid var(--border-color);background:var(--cream-50);flex-shrink:0}.legal-accept-btn{flex:1;padding:10px 16px;background:var(--tag-selected);color:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.legal-accept-btn:hover{background:var(--text-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.legal-close-btn{padding:10px 20px;background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.legal-close-btn:hover{border-color:var(--text-primary);color:var(--text-primary);transform:translateY(-1px)}@media (max-width: 576px){.legal-modal-body{padding:16px}.legal-modal-footer{flex-direction:column;padding:12px 16px}.legal-close-btn{width:100%}}.register-card ion-card-content{background:var(--window-bg)}.register-card ion-text{color:var(--text-secondary)}.register-card ion-text[color=danger]{color:#b71c1c}.register-card ion-text[color=warning]{color:var(--text-accent)}.register-card ion-text[color=medium]{color:var(--text-secondary)}.verify-email-sent-content{--background: var(--bg-page)}.verify-email-sent-container{max-width:600px;margin:0 auto;padding:60px 20px 40px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.icon-container{margin-top:40px;margin-bottom:60px}.mail-icon-wrapper{position:relative;width:80px;height:80px;background:var(--window-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:3px solid var(--window-border);animation:bounceIn .6s ease}.mail-icon{font-size:40px;color:var(--text-accent)}.check-icon{position:absolute;bottom:2px;right:2px;font-size:22px;color:var(--color-success);background:var(--window-bg);border-radius:50%;border:2px solid var(--window-border);animation:popIn .4s ease .3s both}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.verify-email-sent-container h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 15px;text-shadow:var(--shadow-sm)}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0 0 10px}.email-address{color:var(--text-accent);font-size:1.2rem;font-weight:700;margin:0 0 30px;word-break:break-all}.instructions{background:var(--window-bg);border-radius:var(--radius-lg);padding:25px;margin-bottom:30px;box-shadow:var(--shadow-window);border:3px solid var(--window-border);text-align:left;width:100%;max-width:500px}.instructions h3{color:var(--text-accent);margin:0 0 15px;font-size:1.3rem;font-weight:700}.instructions ol{margin:0;padding-left:25px;color:var(--text-primary)}.instructions li{margin:10px 0;line-height:1.6}.success-message{background:var(--color-success);border:2px solid var(--color-success-dark);border-left:4px solid var(--color-success-dark);padding:15px;margin-bottom:20px;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;color:var(--color-success-dark);width:100%;max-width:500px;animation:slideDown .3s ease}.success-message ion-icon{font-size:1.5rem;flex-shrink:0}.error-message{background:var(--color-error);border:2px solid #D32F2F;border-left:4px solid #D32F2F;padding:15px;margin-bottom:20px;border-radius:var(--radius-md);color:#b71c1c;width:100%;max-width:500px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.actions{width:100%;max-width:500px;margin-bottom:20px}.resend-button{--background: var(--tag-selected);--background-hover: var(--text-accent);--border-radius: var(--radius-md);--padding-top: 15px;--padding-bottom: 15px;--color: var(--text-primary);--border-color: var(--text-primary);--border-width: 2px;margin-bottom:15px;font-weight:700;box-shadow:var(--shadow-md);transition:all .3s ease}.resend-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button{--border-radius: var(--radius-md);--padding-top: 15px;--padding-bottom: 15px;--border-color: var(--text-primary);--border-width: 2px;--color: var(--text-primary);font-weight:700;transition:all .3s ease}.login-button:hover{--background: var(--bg-secondary)}.help-text{background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--border-color);padding:20px;width:100%;max-width:500px}.help-text small{color:var(--text-secondary);line-height:1.6}.help-text strong{color:var(--text-primary)}@media (max-width: 768px){.verify-email-sent-container{padding:20px 15px}.verify-email-sent-container h1{font-size:2rem}.mail-icon-wrapper{width:65px;height:65px}.mail-icon{font-size:32px}.check-icon{font-size:18px}.instructions{padding:20px}}.verify-email-content{--background: var(--bg-page)}.verify-email-container{max-width:600px;margin:0 auto;padding:40px 20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-state,.success-state,.error-state{background:var(--window-bg);border-radius:var(--radius-lg);padding:50px 40px;box-shadow:var(--shadow-window);border:3px solid var(--window-border);width:100%;max-width:500px;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.large-spinner{width:60px;height:60px;color:var(--text-accent);margin-bottom:20px}.loading-state h2{color:var(--text-primary);margin:0 0 15px;font-size:1.8rem;font-weight:700}.loading-state p{color:var(--text-secondary);margin:0;font-size:1rem}.icon-wrapper{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.icon-wrapper.success{background:var(--color-success);box-shadow:var(--shadow-lg);border:3px solid var(--color-success-dark)}.icon-wrapper.error{background:var(--color-error);box-shadow:var(--shadow-lg);border:3px solid #D32F2F}.status-icon{font-size:70px;color:var(--text-primary)}.success-state h1,.error-state h1{color:var(--text-primary);font-size:2.2rem;font-weight:700;margin:0 0 15px}.message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 30px}.redirect-message{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;color:var(--text-accent);font-weight:700}.continue-button{--background: var(--tag-selected);--background-hover: var(--text-accent);--border-radius: var(--radius-md);--padding-top: 15px;--padding-bottom: 15px;--color: var(--text-primary);--border-color: var(--text-primary);--border-width: 2px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-md);margin-top:20px;transition:all .3s ease}.continue-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.actions{width:100%;margin-top:20px}.action-button{--border-radius: var(--radius-md);--padding-top: 15px;--padding-bottom: 15px;margin-bottom:15px;font-weight:700;transition:all .3s ease}.action-button:first-child{--background: var(--tag-selected);--color: var(--text-primary);--border-color: var(--text-primary);--border-width: 2px;box-shadow:var(--shadow-md)}.action-button:first-child:hover{--background: var(--text-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-button:last-child{--border-color: var(--text-primary);--border-width: 2px;--color: var(--text-primary)}.action-button:last-child:hover{--background: var(--bg-secondary)}@media (max-width: 768px){.verify-email-container{padding:20px 15px}.loading-state,.success-state,.error-state{padding:40px 25px}.icon-wrapper{width:100px;height:100px}.status-icon{font-size:60px}.success-state h1,.error-state h1{font-size:1.8rem}}.set-password-content{--background: var(--page-bg, #F5F0E8)}.set-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px}.set-password-card{background:var(--window-bg, #FEFDFB);border:2px solid var(--window-border, #4d4949);border-radius:16px;width:100%;max-width:480px;box-shadow:4px 4px rgba(0,0,0,.15);overflow:hidden}.set-password-header{background:var(--window-header, #4A4A4A);padding:28px 28px 24px;text-align:center;color:#fff}.icon-container{display:flex;justify-content:center;margin-bottom:12px}.main-icon{font-size:3rem;color:var(--tag-selected, #FFC857)}.card-title{font-size:1.5rem;font-weight:700;margin:0 0 6px;color:#fff}.card-subtitle{font-size:.9rem;margin:0 0 10px;opacity:.85;color:#fff}.email-display{font-size:.82rem;margin:0;opacity:.75;color:#fff;word-break:break-all}.set-password-form-content{padding:24px 28px 28px}.error-message{display:flex;align-items:center;gap:8px;background:#fdecea;border:1px solid #f4a5a5;border-radius:8px;padding:10px 14px;margin-bottom:16px;color:#c0392b;font-size:.88rem}.form-group{margin-bottom:16px}.input-label{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--window-header, #4A4A4A);margin-bottom:6px}.input-icon{font-size:1rem}.password-wrapper{position:relative}.custom-input{width:100%;padding:10px 44px 10px 14px;border:1.5px solid #d0cbc0;border-radius:8px;font-size:.95rem;background:#fff;color:#333;box-sizing:border-box;transition:border-color .2s;outline:none}.custom-input:focus{border-color:var(--text-accent, #E89B3C)}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#888;font-size:1.1rem;padding:0;display:flex;align-items:center}.match-icon{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:1.2rem;display:flex;align-items:center}.password-strength{margin:-8px 0 14px}.strength-bars{display:flex;gap:4px;margin-bottom:4px}.strength-bar{flex:1;height:5px;border-radius:3px;background:#e0e0e0;transition:background .3s}.strength-bar.danger{background:var(--color-error, #F4A5A5)}.strength-bar.warning{background:var(--color-warning, #FFC857)}.strength-bar.success{background:var(--color-success, #A8D5BA)}.password-requirements{margin-bottom:16px}.password-requirements ul{margin:4px 0 0;padding-left:18px}.password-requirements li{color:#999;transition:color .2s;font-size:.82rem;margin-bottom:2px}.password-requirements li.valid{color:#27ae60}.password-requirements li.valid::marker{content:"✓ "}.submit-button{width:100%;padding:12px;background:var(--window-header, #4A4A4A);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .1s;margin-bottom:16px}.submit-button:hover:not(:disabled){background:#333;transform:translateY(-1px)}.back-link{text-align:center;font-size:.85rem;color:#888}.back-link a{color:var(--text-accent, #E89B3C);cursor:pointer;text-decoration:underline}.profile-phase1-content{--background: var(--bg-page)}.profile-phase1-container{max-width:720px;margin:0 auto;padding:var(--spacing-xl)}.custom-toolbar{--background: var(--window-header);--color: var(--text-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.phase-header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-lg);background:var(--cream-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);border:3px solid var(--window-border);position:relative}.phase-header:before{content:"";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border)}.progress-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);margin-top:48px;position:relative;z-index:1}.progress-step{width:56px;height:56px;border-radius:50%;background:var(--cream-100);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:all .3s ease;border:3px solid var(--border-color)}.progress-step.active{background:var(--tag-selected);color:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-md);transform:scale(1.05)}.progress-line{width:80px;height:4px;background:var(--border-color);margin:0 var(--spacing-md);border-radius:2px}.phase-header h2{color:var(--text-primary);font-size:1.75rem;margin:0 0 var(--spacing-sm) 0;font-weight:700}.phase-header p{color:var(--text-primary);margin:0;font-size:1rem}.phase1-form{background:var(--cream-50);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-window);border:3px solid var(--window-border);position:relative}.phase1-form:before{content:"Profile Setup";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:var(--text-light);display:flex;align-items:center;padding:0 var(--spacing-md);font-size:.9rem;font-weight:600}.phase1-form>*{margin-top:48px}.phase1-form>*:first-child{margin-top:0}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:var(--spacing-xl) 0 var(--spacing-md) 0;padding:8px 12px;background:var(--beige-light);border-radius:8px}.section-title:first-of-type{margin-top:48px}.section-title ion-icon{font-size:1.35rem;color:var(--text-accent)}.form-group{margin-bottom:var(--spacing-lg)}.input-wrapper{margin-bottom:var(--spacing-md);width:100%}.input-item{--background: var(--cream-50) !important;--border-radius: var(--radius-xl);--padding-start: var(--spacing-md);--padding-end: var(--spacing-md);--padding-top: var(--spacing-sm);--padding-bottom: var(--spacing-sm);--border-width: 2px;--border-color: var(--border-color);--highlight-color-focused: var(--text-primary);margin-bottom:var(--spacing-md);border-radius:var(--radius-xl);border:2px solid var(--border-color);transition:all .3s ease;background:var(--cream-50)!important}.input-item:hover{border-color:var(--text-primary);background:var(--cream-50);transform:translateY(-1px)}.input-item.ion-focused{border-color:var(--text-primary);background:var(--cream-50);box-shadow:0 0 0 3px rgba(58,58,58,.1)}.input-item ion-label{--color: var(--text-secondary);font-weight:500}.input-item ion-input{--color: var(--text-primary);--placeholder-color: var(--text-disabled);font-size:1rem}.field-label{font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:.95rem}.date-input-wrapper{position:relative;background:var(--cream-50)!important;border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all .3s ease}.date-input-wrapper:hover{border-color:var(--text-primary);background:var(--cream-50);transform:translateY(-1px)}.date-input-wrapper:focus-within{border-color:var(--text-primary);background:var(--cream-50);box-shadow:0 0 0 3px rgba(58,58,58,.1)}.date-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--text-accent);pointer-events:none;z-index:1}.date-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs);padding-left:32px}.native-date-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 32px;font-size:1rem;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-weight:500;cursor:pointer}.native-date-input:focus{outline:none}.native-date-input::-webkit-calendar-picker-indicator{cursor:pointer;font-size:1.2rem;color:var(--text-accent);padding:var(--spacing-xs)}.age-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--pastel-secondary);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);text-align:center;border:2px solid var(--color-success)}.age-display ion-icon{font-size:1.5rem;color:var(--color-success)}.age-display ion-text{color:var(--text-primary)}.button-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.button-group.multi-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm)}.option-button{flex:1;min-width:100px;padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;font-weight:600;border:2px solid var(--border-color);background:var(--cream-50);color:var(--text-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;text-transform:none;letter-spacing:.3px;font-family:inherit}.option-button:hover{border-color:var(--text-primary);background:var(--cream-100);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.option-button.selected{background:var(--tag-selected);border-color:var(--text-primary);color:var(--text-primary);box-shadow:var(--shadow-md);transform:scale(1.02);font-weight:700}.option-button:active{transform:scale(.98)}.location-button{min-width:140px;padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;text-transform:capitalize}.error-message{background:var(--color-error);border-left:4px solid #D32F2F;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm);color:#b71c1c;border:2px solid #D32F2F}.error-message ion-icon{font-size:1.5rem;flex-shrink:0}.submit-button{width:100%;margin-top:var(--spacing-xl);padding:14px 24px;background:var(--window-header);color:#fff;border:2px solid var(--window-border);border-radius:var(--radius-md);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);font-family:inherit;display:flex;align-items:center;justify-content:center;text-transform:none;letter-spacing:.5px}.submit-button:hover:not(:disabled){background:#333;transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ypd-section-label{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}@media (max-width: 768px){.profile-phase1-container{padding:var(--spacing-md)}.phase-header{padding:var(--spacing-lg) var(--spacing-md)}.phase-header h2{font-size:1.5rem}.phase1-form{padding:var(--spacing-lg)}.progress-step{width:48px;height:48px;font-size:1.25rem}.progress-line{width:60px}.section-title{font-size:1.05rem}.button-group{gap:var(--spacing-xs)}.option-button{min-width:80px;padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}}@media (max-width: 640px){.form-two-col{grid-template-columns:1fr}}@media (max-width: 480px){.phase-header h2{font-size:1.35rem}.phase-header p{font-size:.9rem}.section-title{font-size:1rem}.phase1-form{padding:var(--spacing-md)}.button-group.multi-line{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.submit-button{font-size:1rem}}.phase1-banner{display:flex;align-items:center;justify-content:space-between;background:var(--window-bg);border:2px solid var(--window-border);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.phase1-banner-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin:0}.phase1-banner-badge{background:var(--window-header);color:gold;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:99px}.profile-phase2-content{--background: var(--bg-page);--padding-top: 24px;--padding-bottom: 24px;--padding-start: 24px;--padding-end: 24px}.profile-phase2-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.phase2-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--window-bg);border:2px solid var(--window-border);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow-sm)}.phase2-banner-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin:0 0 4px}.phase2-banner-sub{font-size:.875rem;color:var(--text-secondary);margin:0}.phase2-banner-badge{background:var(--window-header);color:gold;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:99px;white-space:nowrap;flex-shrink:0}.progress-panel{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.progress-indicator{display:flex;align-items:center;justify-content:center;gap:0}.progress-step{width:48px;height:48px;border-radius:50%;background:var(--beige-medium);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;border:2px solid var(--beige-medium)}.progress-step.active{background:var(--tag-selected);color:var(--text-primary);border-color:var(--window-border);box-shadow:var(--shadow-sm)}.progress-step.completed{background:var(--color-success);color:var(--text-primary);border-color:var(--window-border)}.progress-line{width:80px;height:4px;background:var(--beige-medium);margin:0 12px;border-radius:2px}.progress-line.active{background:var(--tag-selected)}.progress-title{text-align:center;margin-top:16px}.progress-title h2{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0 0 4px}.progress-title p{font-size:.82rem;color:var(--text-secondary);margin:0}.error-message{background:var(--color-error);border-left:4px solid #D32F2F;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;color:#b71c1c;border:2px solid #D32F2F;font-size:.9rem}.classifications-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.classif-card{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:16px;animation:fadeInUp .4s ease forwards;opacity:0}.classif-card:nth-child(1){animation-delay:.05s}.classif-card:nth-child(2){animation-delay:.1s}.classif-card:nth-child(3){animation-delay:.15s}.classif-card:nth-child(4){animation-delay:.2s}.classif-card:nth-child(5){animation-delay:.25s}.classif-card:nth-child(6){animation-delay:.3s}.classif-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.classif-card.selected{background:var(--tag-selected);border-color:var(--window-border);box-shadow:var(--shadow-md)}.classif-icon{width:48px;height:48px;border-radius:12px;background:var(--beige-light);border:1.5px solid var(--beige-medium);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.classif-card.selected .classif-icon{background:rgba(255,255,255,.4);border-color:var(--window-border)}.classif-body{flex:1}.classif-label{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.classif-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin:0 0 10px}.classif-card.selected .classif-desc{color:var(--text-primary)}.classif-status{font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px}.classif-status.on{background:#d5f0e4;color:#27ae60}.classif-status.off{background:var(--beige-medium);color:var(--text-secondary)}.info-box{display:flex;align-items:flex-start;gap:12px;background:#fffbf0;border:1.5px solid #f0d080;border-left:4px solid var(--text-accent);border-radius:10px;padding:14px 18px;font-size:.82rem;color:#b7770d;line-height:1.6}.info-box-icon{font-size:1.2rem;flex-shrink:0}.action-buttons{display:flex;flex-direction:column;gap:12px}.submit-button{width:100%;padding:14px 24px;background:var(--window-header);color:#fff;border:2px solid var(--window-border);border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;transition:background .2s,transform .15s}.submit-button:hover:not(:disabled){background:#333;transform:translateY(-2px)}.back-button{width:100%;padding:12px 24px;background:transparent;color:var(--text-primary);border:2px solid var(--window-border);border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s,transform .15s}.back-button:hover:not(:disabled){background:var(--beige-light);transform:translateY(-2px)}.back-button:disabled{opacity:.6;cursor:not-allowed}.edu-attainment-panel{grid-column:1 / -1;background:var(--window-bg);border:2px solid var(--window-border);border-left:4px solid var(--tag-selected);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow-sm);animation:fadeInUp .3s ease forwards}.edu-attainment-title{font-size:.95rem;font-weight:800;color:var(--text-primary);margin:0 0 4px}.edu-attainment-sub{font-size:.8rem;color:var(--text-secondary);margin:0 0 14px}.edu-attainment-options{display:flex;flex-wrap:wrap;gap:10px}.edu-option-btn{padding:9px 18px;border-radius:99px;border:2px solid var(--window-border);background:var(--beige-light);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,transform .15s}.edu-option-btn:hover{background:var(--beige-medium);transform:translateY(-2px)}.edu-option-btn.edu-option-selected{background:var(--tag-selected);border-color:var(--window-border);color:var(--text-primary);box-shadow:var(--shadow-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.classifications-grid{grid-template-columns:1fr}.profile-phase2-content{--padding-start: 16px;--padding-end: 16px;--padding-top: 16px}.phase2-banner{flex-direction:column;align-items:flex-start}.phase2-banner-badge{display:none}}.forgot-password-content{--background: var(--bg-page)}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100%;padding:20px}.forgot-password-card{max-width:500px;width:100%;box-shadow:var(--shadow-window);border-radius:var(--radius-lg);animation:card-slide-up .5s ease-out;background:var(--window-bg);border:3px solid var(--window-border);position:relative;overflow:hidden}.forgot-password-card:before{content:"Forgot Password";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:var(--text-light);display:flex;align-items:center;padding:0 var(--spacing-md);font-size:.9rem;font-weight:600;z-index:1}.forgot-password-card ion-card-header{padding-top:48px;padding-bottom:0}.forgot-password-form-content{display:flex;flex-direction:column;align-items:center;width:100%}.forgot-password-form-content form{width:100%;max-width:400px;margin-top:20px}.back-to-login-section{text-align:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.back-to-login-section a{color:var(--text-accent);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease;padding-bottom:2px}.back-to-login-section a:hover{color:var(--tag-selected);border-bottom-color:var(--tag-selected)}.success-icon{font-size:100px;color:var(--text-accent);margin-bottom:20px;animation:success-bounce .6s ease-out}@keyframes success-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-container h2{margin:20px 0;font-size:24px;color:var(--text-primary)}.next-steps{text-align:left;margin:30px 0;padding:20px;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--border-color)}.next-steps h3{margin-top:0;color:var(--text-accent)}.next-steps ol{margin:15px 0;padding-left:20px;color:var(--text-primary)}.next-steps li{margin:10px 0;line-height:1.6}.success-container ion-note p{margin-top:20px;color:var(--text-secondary)}.success-container ion-note a{color:var(--text-accent);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease;padding-bottom:2px}.success-container ion-note a:hover{color:var(--tag-selected);border-bottom-color:var(--tag-selected)}.forgot-password-card ion-card-content{background:var(--window-bg)}.forgot-password-card ion-text{color:var(--text-secondary)}.forgot-password-card ion-text[color=medium]{color:var(--text-secondary)}.forgot-password-card ion-text[color=success]{color:var(--text-accent)}.forgot-password-card ion-text[color=danger]{color:#b71c1c}.captcha-notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background-color:#f0f7ff;border:2px solid #a5c9f4;border-radius:var(--radius-md);margin:16px 0;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.captcha-icon{font-size:1.6rem;color:#4a90d9;flex-shrink:0;margin-top:2px}.captcha-text{font-size:.85rem;color:var(--text-primary);line-height:1.5;display:flex;align-items:center;flex-wrap:wrap}.captcha-success{color:#2e7d32;font-weight:600}@media (max-width: 576px){.forgot-password-container{padding:10px}.main-icon{font-size:60px}.card-title-only{font-size:20px}.success-icon{font-size:80px}}.reset-password-content{--background: var(--bg-page)}.reset-password-container{display:flex;justify-content:center;align-items:center;min-height:100%;padding:20px}.reset-password-card{max-width:500px;width:100%;box-shadow:var(--shadow-window);border-radius:var(--radius-lg);animation:card-slide-up .5s ease-out;background:var(--window-bg);border:3px solid var(--window-border);position:relative;overflow:hidden}.reset-password-card:before{content:"Reset Password";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:var(--text-light);display:flex;align-items:center;padding:0 var(--spacing-md);font-size:.9rem;font-weight:600;z-index:1}.exit-button{position:absolute;top:0;right:0;width:40px;height:36px;background:transparent;border:none;color:var(--text-light);font-size:1rem;font-weight:600;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:monospace}.reset-password-card ion-card-header{padding-top:48px;padding-bottom:0}.card-title-only{font-size:24px;font-weight:700;margin-bottom:10px;color:var(--text-primary);text-align:center}.reset-password-form-content{display:flex;flex-direction:column;align-items:center;width:100%}.reset-password-form-content form{width:100%;max-width:400px;margin-top:20px}@keyframes card-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icon-container{color:var(--window-header);display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.main-icon{font-size:80px;color:var(--text-accent);transition:all .3s ease}.subtitle{font-size:14px;margin-bottom:20px;color:var(--text-secondary)}.form-group{margin-bottom:20px;width:100%}.input-label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.input-icon{font-size:1.1rem;color:var(--text-accent)}.input-label:has(~.password-wrapper) .input-icon,label[for=password] .input-icon,label[for=password-confirmation] .input-icon{color:var(--neutral-900)}.custom-input{width:100%;padding:12px 16px;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease;font-family:inherit}.custom-input::placeholder{color:var(--text-disabled)}.custom-input:hover{border-color:var(--text-primary);transform:translateY(-1px)}.custom-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 3px rgba(58,58,58,.1)}.custom-input:disabled{opacity:.6;cursor:not-allowed}.password-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:var(--text-primary)}.password-toggle ion-icon{font-size:1.3rem}.password-strength{padding:5px 0;margin-bottom:10px;margin-top:-10px}.password-strength small{font-weight:500}.password-match-error{padding:5px 0;margin-bottom:10px;margin-top:-10px}.password-match-error small{font-weight:500}.submit-button{width:100%;margin-top:20px;margin-bottom:20px;padding:14px 24px;background:var(--tag-selected);color:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);font-family:inherit;display:flex;align-items:center;justify-content:center}.submit-button:hover:not(:disabled){background:var(--text-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:active:not(:disabled){transform:translateY(-1px)}.error-message{display:flex;align-items:flex-start;padding:15px;background-color:var(--color-error);border-radius:var(--radius-md);margin:20px 0;border-left:4px solid #D32F2F;border:2px solid #D32F2F}.error-message ion-icon{font-size:24px;margin-right:10px;color:#b71c1c;flex-shrink:0;margin-top:2px}.error-message p{margin:0;font-size:14px;line-height:1.5;color:#b71c1c}.info-note{text-align:center;margin-top:20px;padding:15px;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--border-color)}.info-note ion-note{color:var(--text-secondary)}.info-note small{color:var(--text-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.loading-container ion-spinner{width:50px;height:50px;margin-bottom:20px;color:var(--text-accent)}.loading-container p{color:var(--text-secondary);font-size:16px}.error-state{text-align:center;padding:40px 20px}.error-icon{font-size:100px;color:var(--text-accent);margin-bottom:20px}.error-state h2{margin:20px 0;font-size:24px;color:var(--text-primary);font-weight:700}.error-state p{color:var(--text-secondary);font-size:16px;margin:20px 0 30px;line-height:1.6}.success-container{text-align:center;padding:20px 0}.success-icon{font-size:100px;color:var(--text-accent);margin-bottom:20px}.success-container h2{margin:20px 0;font-size:24px;color:var(--text-primary);font-weight:700}.success-message{color:var(--text-secondary);font-size:16px;margin:20px 0}.redirect-info{margin:30px 0;padding:15px;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--border-color)}.redirect-info ion-note p{margin:0;color:var(--text-secondary)}.success-container ion-button{margin-top:20px;--background: var(--tag-selected);--color: var(--text-primary);--border-radius: var(--radius-md);--border-color: var(--text-primary);--border-width: 2px;font-weight:700;transition:all .3s ease}.success-container ion-button:hover{--background: var(--text-accent);transform:translateY(-2px)}.reset-password-card ion-card-content{background:var(--window-bg)}.reset-password-card ion-text{color:var(--text-secondary)}.reset-password-card ion-text[color=medium]{color:var(--text-secondary)}.reset-password-card ion-text[color=danger]{color:#b71c1c}.reset-password-card ion-text[color=success]{color:var(--text-accent)}.reset-password-card ion-text[color=warning]{color:var(--text-accent)}.submit-button ion-spinner{margin-right:10px}@media (max-width: 576px){.reset-password-container{padding:10px}.main-icon{font-size:60px}.card-title-only{font-size:20px}.success-icon,.error-icon{font-size:80px}}.sad-root{font-family:DM Sans,sans-serif;background:var(--bg-page);min-height:100vh;color:var(--text-primary);padding-bottom:60px}.sad-hero{position:relative;background:var(--window-header);padding:60px 24px 80px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.sad-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 90% 20%,rgba(255,200,87,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 10% 80%,rgba(232,155,60,.08) 0%,transparent 50%);pointer-events:none}.sad-hero-decoration{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.sad-deco-circle{position:absolute;border-radius:50%;background:rgba(255,200,87,.06);animation:sad-float 20s ease-in-out infinite}.sad-deco-circle-1{width:300px;height:300px;top:-100px;right:-100px;animation-duration:25s}.sad-deco-circle-2{width:200px;height:200px;bottom:-50px;left:10%;animation-delay:2s;animation-duration:20s}.sad-deco-circle-3{width:150px;height:150px;top:50%;left:-50px;animation-delay:4s;animation-duration:18s}@keyframes sad-float{0%,to{transform:translate(0) scale(1);opacity:.06}33%{transform:translate(30px,-30px) scale(1.1);opacity:.1}66%{transform:translate(-30px,30px) scale(.9);opacity:.03}}.sad-hero-content{position:relative;z-index:2;width:100%;max-width:700px}.sad-hero-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;margin:0 auto 24px;position:relative;z-index:2}.sad-logout-btn{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-md);color:#fff;font-size:.8rem;font-weight:600;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap}.sad-logout-btn:hover{background:rgba(255,200,87,.2);border-color:var(--tag-selected);color:var(--tag-selected)}.sad-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--tag-selected);color:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius-xl);padding:8px 20px;font-size:.85rem;font-weight:700;margin-bottom:20px;animation:sad-fadeInDown .8s ease both}.sad-hero-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;margin:0 0 12px;line-height:1.2;animation:sad-fadeInUp .8s ease .2s both}.sad-hero-title .sad-gradient-text{background:linear-gradient(90deg,var(--tag-selected) 0%,#FFE5A0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sad-hero-sub{font-size:1rem;color:rgba(255,255,255,.65);margin:0;animation:sad-fadeInUp .8s ease .4s both}.sad-alert-float{background:var(--window-bg);border:3px solid var(--window-border);border-left:5px solid var(--color-error);border-radius:var(--radius-lg);padding:0;margin:-32px 20px 0;position:relative;z-index:10;box-shadow:var(--shadow-window);overflow:hidden}.sad-alert-float:before{content:"Security Alert";position:absolute;top:0;left:0;right:0;height:32px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:rgba(255,255,255,.8);display:flex;align-items:center;padding:0 16px;font-size:.78rem;font-weight:600;z-index:1}.sad-alert-content{display:flex;align-items:flex-start;gap:16px;padding:44px 20px 20px;justify-content:space-between}.sad-alert-body{flex:1}.sad-alert-title{font-size:.8rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#c0392b;margin-bottom:10px;display:flex;align-items:center;gap:6px}.sad-alert-dot{width:7px;height:7px;background:var(--color-error);border-radius:50%;display:inline-block;animation:sad-pulse 1.5s ease-in-out infinite}@keyframes sad-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.sad-alert-item{font-size:.875rem;color:#c0392b;padding:7px 0;border-top:1px solid rgba(244,165,165,.3);display:flex;align-items:center;gap:8px}.sad-alert-link{font-size:.75rem;font-weight:600;color:var(--text-accent);background:var(--tag-bg);border:1.5px solid var(--tag-border);border-radius:var(--radius-md);padding:5px 14px;cursor:pointer;text-decoration:none!important;display:inline-block;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.sad-alert-link:hover{background:var(--tag-selected);border-color:var(--text-primary);color:var(--text-primary)}.sad-alert-link:visited{color:var(--text-accent)}.sad-content{max-width:900px;margin:0 auto;padding:28px 20px 0}.sad-section{margin-bottom:24px}.sad-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sad-section-title{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}.sad-edit-btn{font-size:.75rem;font-weight:600;color:var(--text-accent)!important;background:var(--tag-bg);border:1.5px solid var(--tag-border);border-radius:var(--radius-md);padding:5px 14px;cursor:pointer;text-decoration:none!important;display:inline-block;transition:all .2s ease}.sad-edit-btn:hover{background:var(--tag-selected);border-color:var(--text-primary);color:var(--text-primary)!important}.sad-edit-btn:visited{color:var(--text-accent)!important}.sad-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sad-stat-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);padding:0;overflow:hidden;box-shadow:var(--shadow-window);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;animation:sad-fadeInUp .6s ease both}.sad-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border)}.sad-stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.2)}.sad-stat-inner{padding:40px 16px 16px}.sad-stat-num{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:6px}.sad-stat-num.accent{color:var(--text-accent)}.sad-stat-label{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.sad-stat-card.wide{grid-column:span 2}.sad-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sad-info-card{background:var(--window-bg);border:2px solid rgba(0,0,0,.15);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-window);position:relative}.sad-info-card-header{height:32px;background:var(--window-header);border-bottom:2px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.sad-info-card-title{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.8)}.sad-info-row{display:flex;padding:13px 18px;border-bottom:1px solid var(--beige-medium);align-items:flex-start;gap:12px}.sad-info-row:last-child{border-bottom:none}.sad-info-key{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:120px;padding-top:1px;letter-spacing:.2px}.sad-info-val{font-size:.875rem;font-weight:400;color:var(--text-primary);flex:1}.sad-info-val.warn{color:#c0392b}.sad-info-val.ok{color:#27ae60}.sad-user-row{display:flex;align-items:center;padding:13px 18px;border-bottom:1px solid var(--beige-medium);gap:12px;text-decoration:none!important;color:var(--text-primary)!important;transition:background .2s}.sad-user-row:last-child{border-bottom:none}.sad-user-row:hover{background:var(--beige-light)}.sad-user-row:visited{color:var(--text-primary)!important}.sad-user-avatar{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.sad-user-info{flex:1;min-width:0}.sad-user-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-user-email{font-size:.72rem;color:var(--text-secondary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-user-date{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.sad-role-chip{font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.sad-role-chip.super{background:var(--tag-selected);color:var(--text-primary)}.sad-role-chip.admin{background:var(--color-info);color:#1a5276}.sad-role-chip.youth{background:var(--color-success);color:#fff}.sad-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.sad-chart-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-window);position:relative}.sad-chart-card-full{grid-column:span 2}.sad-chart-card-header{height:32px;background:var(--window-header);border-bottom:2px solid var(--window-border);display:flex;align-items:center;padding:0 16px}.sad-chart-card-title{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.85)}.sad-chart-body{padding:12px 8px 8px}@media (max-width: 600px){.sad-charts-row{grid-template-columns:1fr}.sad-chart-card-full{grid-column:span 1}}.sad-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sad-action-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);padding:0;text-align:left;cursor:pointer;text-decoration:none!important;display:block;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;box-shadow:var(--shadow-window);position:relative;color:var(--text-primary)!important}.sad-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border)}.sad-action-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.2)}.sad-action-card:visited{color:var(--text-primary)!important}.sad-action-inner{padding:40px 16px 16px}.sad-action-icon{font-size:1.75rem;margin-bottom:10px;display:block}.sad-action-label{font-size:.8rem;font-weight:700;color:var(--text-primary);display:block;letter-spacing:.3px}.sad-action-desc{font-size:.72rem;color:var(--text-secondary);display:block;margin-top:2px;line-height:1.4}.sad-action-card.primary{grid-column:span 2;border-color:var(--tag-selected);background:linear-gradient(135deg,var(--tag-bg) 0%,var(--pastel-secondary) 100%)}.sad-action-card.primary:before{background:linear-gradient(90deg,var(--window-header),#5a4a2a);border-color:var(--tag-selected)}.sad-action-card.primary .sad-action-label{color:var(--text-accent);font-size:.9rem}.sad-footer{background:var(--window-header);color:#fff;padding:40px 20px 20px;margin-top:40px;text-align:center}.sad-footer p{color:rgba(255,255,255,.5);font-size:.8rem;margin:0}.sad-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;background:var(--bg-page)}.sad-loading-inner{text-align:center}.sad-spinner{width:44px;height:44px;border:4px solid var(--beige-medium);border-top-color:var(--text-accent);border-radius:50%;animation:sad-spin .8s linear infinite;margin:0 auto 16px}@keyframes sad-spin{to{transform:rotate(360deg)}}.sad-loading-text{color:var(--text-secondary);font-size:.9rem}.sad-error-card{background:var(--window-bg);border:2px solid rgba(244,165,165,.6);border-radius:var(--radius-lg);padding:32px;text-align:center;box-shadow:var(--shadow-sm);margin:20px}@keyframes sad-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes sad-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.sad-hero{padding:40px 16px 72px}.sad-hero-title{font-size:1.8rem}.sad-stats-grid{grid-template-columns:1fr}.sad-stat-card.wide{grid-column:span 1}.sad-actions-grid{grid-template-columns:1fr}.sad-action-card.primary{grid-column:span 1}.sad-content{padding:20px 12px 0}.sad-alert-float{margin:-28px 12px 0}.sad-info-key{min-width:90px}.sad-two-col{grid-template-columns:1fr}}.ad-root{font-family:DM Sans,sans-serif;background:var(--bg-page);min-height:100vh;color:var(--text-primary);padding-bottom:60px}.ad-hero{position:relative;background:var(--window-header);padding:60px 24px 80px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.ad-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 90% 20%,rgba(255,200,87,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 10% 80%,rgba(232,155,60,.08) 0%,transparent 50%);pointer-events:none}.ad-hero-decoration{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.ad-deco-circle{position:absolute;border-radius:50%;background:rgba(255,200,87,.06);animation:ad-float 20s ease-in-out infinite}.ad-deco-circle-1{width:300px;height:300px;top:-100px;right:-100px;animation-duration:25s}.ad-deco-circle-2{width:200px;height:200px;bottom:-50px;left:10%;animation-delay:2s;animation-duration:20s}.ad-deco-circle-3{width:150px;height:150px;top:50%;left:-50px;animation-delay:4s;animation-duration:18s}@keyframes ad-float{0%,to{transform:translate(0) scale(1);opacity:.06}33%{transform:translate(30px,-30px) scale(1.1);opacity:.1}66%{transform:translate(-30px,30px) scale(.9);opacity:.03}}.ad-hero-content{position:relative;z-index:2;width:100%;max-width:700px}.ad-hero-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;margin:0 auto 24px;position:relative;z-index:2}.ad-logout-btn{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-md);color:#fff;font-size:.8rem;font-weight:600;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap}.ad-logout-btn:hover{background:rgba(255,200,87,.2);border-color:var(--tag-selected);color:var(--tag-selected)}.ad-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--tag-selected);color:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius-xl);padding:8px 20px;font-size:.85rem;font-weight:700;margin-bottom:20px;animation:ad-fadeInDown .8s ease both}.ad-hero-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;margin:0 0 12px;line-height:1.2;animation:ad-fadeInUp .8s ease .2s both}.ad-hero-title .ad-gradient-text{background:linear-gradient(90deg,var(--tag-selected) 0%,#FFE5A0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ad-hero-sub{font-size:1rem;color:rgba(255,255,255,.65);margin:0;animation:ad-fadeInUp .8s ease .4s both}.ad-stats-float{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);padding:0;margin:-32px 20px 0;position:relative;z-index:10;box-shadow:var(--shadow-window);overflow:hidden}.ad-stats-float:before{content:"Dashboard Overview";position:absolute;top:0;left:0;right:0;height:32px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:rgba(255,255,255,.8);display:flex;align-items:center;padding:0 16px;font-size:.78rem;font-weight:600;z-index:1}.ad-stats-float-inner{display:flex;flex-wrap:wrap;gap:0;padding:40px 20px 20px}.ad-float-stat{flex:1;min-width:120px;text-align:center;padding:8px 12px;border-right:1px solid var(--beige-medium)}.ad-float-stat:last-child{border-right:none}.ad-float-num{font-size:2rem;font-weight:800;color:var(--text-accent);line-height:1;margin-bottom:4px}.ad-float-label{font-size:.72rem;color:var(--text-secondary)}.ad-content{max-width:900px;margin:0 auto;padding:28px 20px 0}.ad-section{margin-bottom:24px}.ad-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ad-section-title{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}.ad-edit-btn{font-size:.75rem;font-weight:600;color:var(--text-accent);background:var(--tag-bg);border:1.5px solid var(--tag-border);border-radius:var(--radius-md);padding:5px 14px;cursor:pointer;text-decoration:none!important;display:inline-block;transition:all .2s ease}.ad-edit-btn:visited{color:var(--text-accent)!important}.ad-edit-btn:hover{background:var(--tag-selected);border-color:var(--text-primary);color:var(--text-primary)}.ad-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ad-stat-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);padding:0;overflow:hidden;box-shadow:var(--shadow-window);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;animation:ad-fadeInUp .6s ease both}.ad-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border)}.ad-stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.2)}.ad-stat-card.wide{grid-column:span 2}.ad-stat-inner{padding:40px 16px 16px}.ad-stat-num{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:6px}.ad-stat-num.accent{color:var(--text-accent)}.ad-stat-label{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.ad-info-card{background:var(--window-bg);border:2px solid rgba(0,0,0,.15);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-window);position:relative}.ad-info-card-header{height:32px;background:var(--window-header);border-bottom:2px solid rgba(0,0,0,.15);display:flex;align-items:center;padding:0 16px}.ad-info-card-title{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.8)}.ad-info-row{display:flex;padding:13px 18px;border-bottom:1px solid var(--beige-medium);align-items:flex-start;gap:12px}.ad-info-row:last-child{border-bottom:none}.ad-info-key{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:120px;padding-top:1px;letter-spacing:.2px}.ad-info-val{font-size:.875rem;font-weight:400;color:var(--text-primary);flex:1}.ad-youth-row{display:flex;align-items:center;padding:12px 18px;border-bottom:1px solid var(--beige-medium);gap:12px;text-decoration:none!important;color:var(--text-primary)!important;transition:background .2s}.ad-youth-row:last-child{border-bottom:none}.ad-youth-row:visited{color:var(--text-primary)!important}.ad-youth-row:hover{background:var(--beige-light)}.ad-youth-avatar{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ffc857,#e89b3c);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.ad-youth-info{flex:1}.ad-youth-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ad-youth-meta{font-size:.72rem;color:var(--text-secondary);margin-top:2px;display:flex;gap:6px;flex-wrap:wrap}.ad-youth-tag{display:inline-block;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:99px}.ad-youth-tag.male{background:#dbeeff;color:#1a6eb5}.ad-youth-tag.female{background:#fde8f5;color:#b5207a}.ad-youth-tag.emp{background:var(--beige-medium);color:var(--text-secondary)}.ad-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ad-action-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);padding:0;text-align:left;cursor:pointer;text-decoration:none;display:block;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;box-shadow:var(--shadow-window);position:relative}.ad-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border)}.ad-action-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.2)}.ad-action-card.primary{grid-column:span 2;border-color:var(--tag-selected);background:linear-gradient(135deg,var(--tag-bg) 0%,var(--pastel-secondary) 100%)}.ad-action-card.primary:before{background:linear-gradient(90deg,var(--window-header),#5a4a2a);border-color:var(--tag-selected)}.ad-action-inner{padding:40px 16px 16px}.ad-action-icon{font-size:1.75rem;margin-bottom:10px;display:block}.ad-action-label{font-size:.8rem;font-weight:700;color:var(--text-primary);display:block;letter-spacing:.3px}.ad-action-card.primary .ad-action-label{color:var(--text-accent);font-size:.9rem}.ad-action-desc{font-size:.72rem;color:var(--text-secondary);display:block;margin-top:2px}.ad-footer{background:var(--window-header);color:#fff;padding:40px 20px 20px;margin-top:40px;text-align:center}.ad-footer p{color:rgba(255,255,255,.5);font-size:.8rem;margin:0}.ad-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;background:var(--bg-page)}.ad-loading-inner{text-align:center}.ad-spinner{width:44px;height:44px;border:4px solid var(--beige-medium);border-top-color:var(--text-accent);border-radius:50%;animation:ad-spin .8s linear infinite;margin:0 auto 16px}@keyframes ad-spin{to{transform:rotate(360deg)}}.ad-loading-text{color:var(--text-secondary);font-size:.9rem}.ad-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ad-chart-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-window);position:relative}.ad-chart-card-full{grid-column:span 2}.ad-chart-card-header{height:32px;background:var(--window-header);border-bottom:2px solid var(--window-border);display:flex;align-items:center;padding:0 16px}.ad-chart-card-title{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.85)}.ad-chart-body{padding:12px 8px 8px}.ad-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:180px;color:var(--text-secondary)}.ad-chart-empty span{font-size:2rem}.ad-chart-empty p{font-size:.85rem;margin:0}.recharts-pie-label-text{font-size:.7rem!important;fill:var(--text-primary)!important;font-weight:600!important}.recharts-legend-item-text{font-size:.75rem!important;color:var(--text-secondary)!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--window-bg)!important;border:1px solid var(--beige-medium)!important;border-radius:var(--radius-sm)!important;font-size:.8rem!important}@media (max-width: 600px){.ad-charts-row{grid-template-columns:1fr}.ad-chart-card-full{grid-column:span 1}}.ad-error-card{background:var(--window-bg);border:2px solid rgba(244,165,165,.6);border-radius:var(--radius-lg);padding:32px;text-align:center;box-shadow:var(--shadow-sm);margin:20px}@keyframes ad-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ad-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.ad-hero{padding:40px 16px 72px}.ad-hero-title{font-size:1.8rem}.ad-stats-grid{grid-template-columns:1fr}.ad-stat-card.wide{grid-column:span 1}.ad-actions-grid{grid-template-columns:1fr}.ad-action-card.primary{grid-column:span 1}.ad-content{padding:20px 12px 0}.ad-stats-float{margin:-28px 12px 0}.ad-info-key{min-width:90px}}.yd-root{font-family:DM Sans,sans-serif;background:var(--bg-page);min-height:100vh;color:var(--text-primary);padding-bottom:60px}.yd-hero{position:relative;background:var(--window-header);padding:60px 24px 80px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.yd-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 90% 20%,rgba(255,200,87,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 10% 80%,rgba(232,155,60,.08) 0%,transparent 50%);pointer-events:none}.yd-hero-decoration{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.yd-deco-circle{position:absolute;border-radius:50%;background:rgba(255,200,87,.06);animation:yd-float 20s ease-in-out infinite}.yd-deco-circle-1{width:300px;height:300px;top:-100px;right:-100px;animation-duration:25s}.yd-deco-circle-2{width:200px;height:200px;bottom:-50px;left:10%;animation-delay:2s;animation-duration:20s}.yd-deco-circle-3{width:150px;height:150px;top:50%;left:-50px;animation-delay:4s;animation-duration:18s}@keyframes yd-float{0%,to{transform:translate(0) scale(1);opacity:.06}33%{transform:translate(30px,-30px) scale(1.1);opacity:.1}66%{transform:translate(-30px,30px) scale(.9);opacity:.03}}.yd-hero-content{position:relative;z-index:2;width:100%;max-width:700px}.yd-hero-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;margin:0 auto 24px;position:relative;z-index:2}.yd-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--tag-selected);color:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius-xl);padding:8px 20px;font-size:.85rem;font-weight:700;margin-bottom:20px;animation:yd-fadeInDown .8s ease both}.yd-hero-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;margin:0 0 12px;line-height:1.2;animation:yd-fadeInUp .8s ease .2s both}.yd-hero-title .yd-gradient-text{background:linear-gradient(90deg,var(--tag-selected) 0%,#FFE5A0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.yd-hero-sub{font-size:1rem;color:rgba(255,255,255,.65);margin:0;animation:yd-fadeInUp .8s ease .4s both}.yd-logout-btn{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-md);color:#fff;font-size:.8rem;font-weight:600;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap}.yd-logout-btn:hover{background:rgba(255,200,87,.2);border-color:var(--tag-selected);color:var(--tag-selected)}.yd-completion-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);padding:0;margin:-32px 20px 0;position:relative;z-index:10;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-window);overflow:hidden}.yd-completion-card:before{content:"Profile Completion";position:absolute;top:0;left:0;right:0;height:32px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:rgba(255,255,255,.8);display:flex;align-items:center;padding:0 16px;font-size:.78rem;font-weight:600;z-index:1}.yd-completion-inner{display:flex;align-items:center;gap:20px;padding:48px 20px 20px;width:100%}.yd-ring-wrap{flex-shrink:0;position:relative;width:80px;height:80px}.yd-ring-svg{transform:rotate(-90deg)}.yd-ring-track{fill:none;stroke:var(--beige-dark);stroke-width:6}.yd-ring-progress{fill:none;stroke:url(#ringGrad);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.yd-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:var(--text-primary);line-height:1}.yd-ring-label small{font-size:9px;font-weight:400;color:var(--text-secondary);margin-top:2px}.yd-completion-info{flex:1}.yd-completion-info h3{font-size:1rem;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.yd-completion-info p{font-size:.8rem;color:var(--text-secondary);margin:0 0 10px}.yd-progress-bar{height:6px;background:var(--beige-medium);border-radius:99px;overflow:hidden}.yd-progress-fill{height:100%;background:linear-gradient(90deg,var(--tag-selected),var(--text-accent));border-radius:99px;transition:width 1s ease}.yd-content{max-width:900px;margin:0 auto;padding:28px 20px 0}.yd-alert-card{background:var(--window-bg);border:2px solid rgba(0,0,0,.15);border-left:4px solid var(--color-error);border-radius:var(--radius-lg);padding:0;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:24px;position:relative}.yd-alert-card:before{content:"Action Required";position:absolute;top:0;left:0;right:0;height:32px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid rgba(0,0,0,.15);color:rgba(255,255,255,.8);display:flex;align-items:center;padding:0 16px;font-size:.78rem;font-weight:600;z-index:1}.yd-alert-inner{padding:44px 18px 18px}.yd-alert-title{font-size:.8rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#c0392b;margin-bottom:10px;display:flex;align-items:center;gap:6px}.yd-alert-dot{width:7px;height:7px;background:var(--color-error);border-radius:50%;display:inline-block;animation:yd-pulse 1.5s ease-in-out infinite}@keyframes yd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.yd-alert-item{font-size:.875rem;color:#c0392b;padding:7px 0;border-top:1px solid rgba(244,165,165,.3);display:flex;align-items:center;gap:8px}.yd-section{margin-bottom:24px}.yd-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.yd-section-title{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}.yd-edit-btn{font-size:.75rem;font-weight:600;color:var(--text-accent);background:var(--tag-bg);border:1.5px solid var(--tag-border);border-radius:var(--radius-md);padding:5px 14px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}.yd-edit-btn:hover{background:var(--tag-selected);border-color:var(--text-primary);color:var(--text-primary)}.yd-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.yd-stat-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);padding:0;overflow:hidden;box-shadow:var(--shadow-window);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;animation:yd-fadeInUp .6s ease both}.yd-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border)}.yd-stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.2)}.yd-stat-inner{padding:40px 16px 16px}.yd-stat-num{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:6px}.yd-stat-num.accent{color:var(--text-accent)}.yd-stat-label{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.yd-stat-card.wide{grid-column:span 2}.yd-info-card{background:var(--window-bg);border:2px solid rgba(0,0,0,.15);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-window);position:relative}.yd-info-card-header{height:32px;background:var(--window-header);border-bottom:2px solid rgba(0,0,0,.15);display:flex;align-items:center;padding:0 16px}.yd-info-card-title{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.8)}.yd-info-row{display:flex;padding:13px 18px;border-bottom:1px solid var(--beige-medium);align-items:flex-start;gap:12px}.yd-info-row:last-child{border-bottom:none}.yd-info-key{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:120px;padding-top:1px;letter-spacing:.2px}.yd-info-val{font-size:.875rem;font-weight:400;color:var(--text-primary);flex:1}.yd-info-val.muted{color:var(--text-disabled);font-style:italic}.yd-info-val.success{color:#27ae60;font-weight:600}.yd-tag-list{display:flex;flex-wrap:wrap;gap:10px}.yd-tag{font-size:.78rem;font-weight:700;letter-spacing:.5px;padding:7px 14px;border-radius:99px;background:var(--tag-bg);border:2px solid var(--tag-border);color:var(--text-accent);transition:all .2s ease;cursor:default}.yd-tag:hover{background:var(--tag-selected);border-color:var(--text-primary);color:var(--text-primary)}.yd-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.yd-action-btn{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);padding:0;text-align:left;cursor:pointer;text-decoration:none;display:block;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;box-shadow:var(--shadow-window);position:relative}.yd-action-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border)}.yd-action-btn:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.2)}.yd-action-inner{padding:40px 16px 16px}.yd-action-icon{font-size:1.75rem;margin-bottom:10px;display:block}.yd-action-label{font-size:.8rem;font-weight:700;color:var(--text-primary);display:block;letter-spacing:.3px}.yd-action-btn.primary{grid-column:span 2;border-color:var(--tag-selected);background:linear-gradient(135deg,var(--tag-bg) 0%,var(--pastel-secondary) 100%)}.yd-action-btn.primary:before{background:linear-gradient(90deg,var(--window-header),#5a4a2a);border-color:var(--tag-selected)}.yd-action-btn.primary .yd-action-label{color:var(--text-accent);font-size:.9rem}.yd-voter-yes{color:#27ae60;font-weight:600}.yd-voter-no{color:var(--text-secondary)}.yd-empty-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-window);position:relative;text-align:center}.yd-empty-card:before{content:"Getting Started";position:absolute;top:0;left:0;right:0;height:32px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:rgba(255,255,255,.8);display:flex;align-items:center;padding:0 16px;font-size:.78rem;font-weight:600}.yd-empty-inner{padding:52px 32px 40px}.yd-empty-icon{font-size:3rem;margin-bottom:16px;display:block}.yd-empty-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.yd-empty-desc{color:var(--text-secondary);font-size:.9rem;margin:0 0 28px;line-height:1.6}.yd-cta-button{display:inline-block;background:var(--tag-selected);color:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius-xl);padding:12px 32px;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s ease}.yd-cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--text-accent)}.yd-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;background:var(--bg-page)}.yd-loading-inner{text-align:center}.yd-spinner{width:44px;height:44px;border:4px solid var(--beige-medium);border-top-color:var(--text-accent);border-radius:50%;animation:yd-spin .8s linear infinite;margin:0 auto 16px}@keyframes yd-spin{to{transform:rotate(360deg)}}.yd-loading-text{color:var(--text-secondary);font-size:.9rem}.yd-error-card{background:var(--window-bg);border:2px solid rgba(244,165,165,.6);border-radius:var(--radius-lg);padding:32px;text-align:center;box-shadow:var(--shadow-sm);margin:20px}.yd-footer{background:var(--window-header);color:#fff;padding:40px 20px 20px;margin-top:40px;text-align:center}.yd-footer p{color:rgba(255,255,255,.5);font-size:.8rem;margin:0}@keyframes yd-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes yd-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.yd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;animation:yd-overlayIn .25s ease both}@keyframes yd-overlayIn{0%{opacity:0}to{opacity:1}}.yd-modal-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);width:100%;max-width:400px;overflow:hidden;position:relative;animation:yd-modalSlideIn .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes yd-modalSlideIn{0%{opacity:0;transform:translateY(-24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.yd-modal-header{display:flex;align-items:center;justify-content:space-between;height:32px;background:var(--window-header);border-bottom:2px solid var(--window-border);padding:0 12px 0 16px}.yd-modal-header-title{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.3px}.yd-modal-close{background:transparent;border:1.5px solid rgba(255,255,255,.4);padding:2px 8px;font-size:.75rem;font-weight:700;cursor:pointer;border-radius:4px;color:rgba(255,255,255,.85);transition:all .2s ease;line-height:1.4}.yd-modal-close:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.7)}.yd-modal-body{padding:28px 28px 20px;text-align:center}.yd-modal-icon{width:64px;height:64px;margin:0 auto 16px;background:rgba(255,200,87,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--text-accent);border:2px solid rgba(255,200,87,.35)}.yd-modal-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0 0 8px}.yd-modal-message{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.6}.yd-modal-footer{display:flex;gap:12px;padding:0 28px 24px}.yd-modal-btn{flex:1;padding:12px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .25s ease;letter-spacing:.3px}.yd-modal-btn-cancel{background:transparent;color:var(--text-primary);border:2px solid var(--window-border)}.yd-modal-btn-cancel:hover{background:var(--beige-medium);border-color:var(--text-primary)}.yd-modal-btn-confirm{background:var(--tag-selected);color:var(--text-primary);border:2px solid var(--text-primary)}.yd-modal-btn-confirm:hover{background:var(--text-accent);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}@media (max-width: 600px){.yd-hero{padding:40px 16px 72px}.yd-hero-title{font-size:1.8rem}.yd-stats-grid{grid-template-columns:1fr}.yd-stat-card.wide{grid-column:span 1}.yd-actions-grid{grid-template-columns:1fr}.yd-action-btn.primary{grid-column:span 1}.yd-content{padding:20px 12px 0}.yd-completion-card{margin:-28px 12px 0}.yd-info-key{min-width:90px}.yd-modal-footer{flex-direction:column}.yd-modal-body{padding:24px 20px 16px}.yd-modal-footer{padding:0 20px 20px}}.logout-modal-icon{color:#000;font-size:2rem}.unauthorized-content{--background: var(--bg-page)}.unauthorized-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:20px}.unauthorized-icon-wrapper{width:140px;height:140px;border-radius:50%;background:var(--color-error);border:3px solid #D32F2F;display:flex;align-items:center;justify-content:center;margin-bottom:30px;animation:pulse 2s ease-in-out infinite;box-shadow:var(--shadow-lg)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 rgba(255,107,107,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 20px rgba(255,107,107,0)}}.unauthorized-icon{font-size:80px;color:var(--text-primary)}.unauthorized-card{max-width:600px;width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-window);background:var(--window-bg);border:3px solid var(--window-border)}.unauthorized-card-content{padding:40px 30px;text-align:center}.error-badge{font-size:18px;font-weight:700;margin-bottom:20px;background:var(--color-error);color:#b71c1c;border:2px solid #D32F2F;padding:8px 16px;border-radius:var(--radius-md)}.unauthorized-title{font-size:32px;margin:10px 0 20px;font-weight:700;color:var(--text-primary)}.unauthorized-description{font-size:16px;line-height:1.6;margin:0 0 15px;color:var(--text-secondary)}.reasons-box{text-align:left;background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);margin-bottom:25px;border:2px solid var(--border-color)}.reasons-box ul{margin:0;padding-left:20px;line-height:1.8;color:var(--text-primary)}.help-text{font-size:14px;margin-bottom:25px;color:var(--text-secondary)}.action-buttons{display:flex;gap:10px;flex-direction:column}.primary-button{height:48px;font-weight:700;--background: var(--tag-selected);--color: var(--text-primary);--border-radius: var(--radius-md);--border-color: var(--text-primary);--border-width: 2px;transition:all .3s ease}.primary-button:hover{--background: var(--text-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.secondary-button{height:48px;font-weight:700;--border-radius: var(--radius-md);--border-color: var(--text-primary);--border-width: 2px;--color: var(--text-primary);transition:all .3s ease}.secondary-button:hover{--background: var(--bg-secondary)}.help-section{margin-top:25px;padding-top:25px;border-top:2px solid var(--border-color)}.help-section-title{font-size:13px;margin-bottom:10px;color:var(--text-secondary)}.help-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.help-chip{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);font-weight:600}.help-chip:hover{background:var(--tag-selected);cursor:pointer}@media (max-width: 576px){.unauthorized-container{padding:10px}.unauthorized-icon-wrapper{width:100px;height:100px}.unauthorized-icon{font-size:60px}.unauthorized-title{font-size:24px}.unauthorized-card-content{padding:30px 20px}}.yp-content{--padding-top: 24px;--padding-bottom: 24px;--padding-start: 24px;--padding-end: 24px;--background: var(--bg-page)}.yp-page{display:flex;flex-direction:column;gap:20px;max-width:1100px;margin:0 auto}.yp-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--window-bg);border:2px solid var(--window-border);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow-sm)}.yp-banner-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0 0 4px}.yp-banner-sub{font-size:.875rem;color:var(--text-secondary);margin:0}.yp-banner-text{flex:1}.yp-back-btn{background:transparent;border:2px solid var(--window-border);border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:700;color:var(--text-primary);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s,transform .15s}.yp-back-btn:hover{background:var(--beige-light);transform:translate(-2px)}.yp-banner-badge{background:var(--window-header);color:gold;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:99px;white-space:nowrap;flex-shrink:0}.yp-toolbar{display:flex;gap:12px;align-items:center}.yp-searchbar{flex:1;background:var(--window-bg);border:2px solid var(--window-border);border-radius:10px;display:flex;align-items:center;gap:10px;padding:10px 14px;box-shadow:var(--shadow-sm)}.yp-searchbar input{flex:1;border:none;outline:none;background:transparent;font-size:.9rem;color:var(--text-primary)}.yp-searchbar input::placeholder{color:var(--text-secondary)}.yp-search-icon{font-size:1.1rem;color:var(--text-secondary);flex-shrink:0}.yp-add-btn{display:flex;align-items:center;gap:8px;background:var(--window-header);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .2s,transform .15s;box-shadow:var(--shadow-sm)}.yp-add-btn:hover{background:#333;transform:translateY(-2px)}.yp-panel{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.yp-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--window-header);font-size:.82rem;font-weight:700;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,0,0,.12)}.yp-panel-body{padding:14px 16px;display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.yp-filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:160px}.yp-filter-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.yp-filter-select{background:var(--beige-light);border:1.5px solid var(--beige-dark);border-radius:8px;padding:8px 12px;font-size:.875rem;color:var(--text-primary);outline:none;cursor:pointer;transition:border-color .2s}.yp-filter-select:focus{border-color:var(--window-border)}.yp-clear-btn{background:transparent;border:1.5px solid var(--beige-dark);border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap;align-self:flex-end}.yp-clear-btn:hover{background:var(--beige-light);border-color:var(--window-border);color:var(--text-primary)}.yp-section-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 2px}.yp-section-label{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin:0}.yp-count-chip{font-size:.72rem;font-weight:700;background:var(--beige-medium);color:var(--text-secondary);padding:3px 10px;border-radius:99px}.yp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.yp-card{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit}.yp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.yp-card-head{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--window-header);border-bottom:1px solid rgba(0,0,0,.12)}.yp-card-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#ffc857,#e89b3c);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.yp-card-name{font-size:.9rem;font-weight:700;color:rgba(255,255,255,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.yp-card-body{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}.yp-info-row{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-primary)}.yp-info-icon{font-size:.9rem;flex-shrink:0;width:20px;text-align:center}.yp-info-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yp-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.yp-tag{font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:99px;text-transform:capitalize;letter-spacing:.3px}.yp-tag.sex-male{background:#dbeeff;color:#1a6eb5}.yp-tag.sex-female{background:#fde8f5;color:#b5207a}.yp-tag.sex-other{background:#e8f5e8;color:#2e7d32}.yp-tag.emp-employed{background:#d5f0e4;color:#27ae60}.yp-tag.emp-unemployed{background:#fde8e8;color:#c0392b}.yp-tag.emp-self-employed{background:#fff3cd;color:#b7770d}.yp-tag.emp-student{background:#dbeeff;color:#1a6eb5}.yp-tag.emp-default{background:var(--beige-medium);color:var(--text-secondary)}.yp-card-footer{padding:10px 14px;border-top:1px solid var(--beige-medium);display:flex;align-items:center;justify-content:flex-end}.yp-view-link{font-size:.78rem;font-weight:700;color:var(--text-accent);text-decoration:none;display:flex;align-items:center;gap:4px;transition:opacity .2s}.yp-view-link:hover{opacity:.7}.yp-error-card{background:var(--window-bg);border:2px solid rgba(244,165,165,.6);border-radius:14px;padding:32px;text-align:center;max-width:400px;margin:60px auto}.yp-retry-btn{padding:10px 24px;background:var(--window-header);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:12px}.yp-retry-btn:hover{background:#333}.yp-empty{background:var(--window-bg);border:2px solid var(--window-border);border-radius:14px;padding:56px 32px;text-align:center;box-shadow:var(--shadow-sm)}.yp-empty-icon{font-size:3rem;margin-bottom:16px}.yp-empty-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0 0 8px}.yp-empty-desc{font-size:.875rem;color:var(--text-secondary);margin:0 auto 24px;max-width:360px;line-height:1.6}.yp-empty-btn{display:inline-flex;align-items:center;gap:8px;background:var(--window-header);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:.875rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}.yp-empty-btn:hover{background:#333;transform:translateY(-2px)}.yp-load-more{text-align:center;padding:8px 0 4px}.yp-load-more-btn{background:var(--window-bg);border:2px solid var(--window-border);border-radius:10px;padding:10px 28px;font-size:.875rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:background .2s,transform .15s;box-shadow:var(--shadow-sm)}.yp-load-more-btn:hover{background:var(--beige-light);transform:translateY(-2px)}@media (max-width: 900px){.yp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.yp-content{--padding-start: 16px;--padding-end: 16px;--padding-top: 16px}.yp-grid{grid-template-columns:1fr}.yp-toolbar{flex-direction:column}.yp-add-btn{width:100%;justify-content:center}.yp-banner{flex-direction:column;align-items:flex-start}.yp-banner-badge{display:none}.yp-panel-body{flex-direction:column}.yp-filter-group{min-width:unset;width:100%}}.ypd-content{--background: var(--bg-page);--padding-top: 24px;--padding-bottom: 24px;--padding-start: 24px;--padding-end: 24px}.ypd-page{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.ypd-topbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.ypd-back-btn{padding:8px 16px;background:transparent;border:2px solid var(--window-border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.ypd-back-btn:hover{background:var(--beige-light);border-color:var(--text-primary)}.ypd-action-btn{padding:8px 16px;background:var(--window-header);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}.ypd-action-btn:hover{transform:translateY(-2px);background:#3a3a3a}.ypd-action-btn.danger{background:#c0392b}.ypd-action-btn.danger:hover{background:#a93226}.ypd-hero{background:var(--window-header);border:2px solid var(--window-border);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-sm)}.ypd-hero-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ffc857,#e89b3c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;font-weight:700;flex-shrink:0}.ypd-hero-content{flex:1}.ypd-hero-name{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 8px}.ypd-hero-tags{display:flex;flex-wrap:wrap;gap:8px}.ypd-hero-tag{background:rgba(255,255,255,.2);color:#fff;padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:600;white-space:nowrap}.ypd-panel{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.ypd-panel-head{background:var(--window-header);padding:12px 16px;font-size:.82rem;font-weight:700;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,0,0,.12)}.ypd-panel-body{padding:0;display:flex;flex-direction:column}.ypd-info-row{display:flex;flex-direction:row;align-items:center;padding:12px 16px;border-bottom:1px solid var(--beige-medium);gap:12px}.ypd-info-row:last-child{border-bottom:none}.ypd-info-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:var(--beige-light)}.ypd-info-label{font-size:.72rem;color:var(--text-secondary);display:block;margin-bottom:2px;font-weight:600}.ypd-info-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ypd-info-col{flex:1;min-width:0}.ypd-section-label{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin:4px 0 10px}.ypd-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ypd-emp-badge{display:inline-block;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ypd-emp-badge.employed{background:#d5f0e4;color:#27ae60}.ypd-emp-badge.unemployed{background:#fde8e8;color:#c0392b}.ypd-emp-badge.student{background:#d4e8f7;color:#2c5aa0}.ypd-emp-badge.self-employed{background:#fff3cd;color:#b7770d}.ypd-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.ypd-loading-inner{text-align:center}.ypd-spinner{width:40px;height:40px;border:4px solid var(--beige-medium);border-top-color:var(--text-accent);border-radius:50%;animation:ypd-spin .8s linear infinite;margin:0 auto 16px}@keyframes ypd-spin{to{transform:rotate(360deg)}}.ypd-loading-text{color:var(--text-secondary);font-size:.9rem}.ypd-error-card{background:var(--window-bg);border:2px solid rgba(244,165,165,.6);border-radius:14px;padding:32px;text-align:center;max-width:400px;margin:60px auto}.ypd-error-icon{font-size:2rem;margin-bottom:12px}.ypd-error-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ypd-error-message{color:var(--text-secondary);font-size:.875rem;margin-bottom:20px;line-height:1.5}.ypd-error-btn{padding:10px 24px;background:var(--window-header);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.ypd-error-btn:hover{background:#3a3a3a}@media (max-width: 640px){.ypd-topbar{flex-wrap:wrap}.ypd-hero{flex-direction:column;text-align:center}.ypd-hero-avatar{width:60px;height:60px;font-size:1.4rem}.ypd-hero-name{font-size:1.1rem}.ypd-hero-tags{justify-content:center}.ypd-two-col{grid-template-columns:1fr}.ypd-info-row{flex-direction:column;align-items:flex-start}.ypd-info-icon{width:28px;height:28px;font-size:.9rem}}.two-factor-content{--background: var(--bg-page)}.two-factor-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.two-factor-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);max-width:550px;width:100%;position:relative;overflow:hidden}.two-factor-card:before{content:"2FA Setup";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:var(--text-light);display:flex;align-items:center;padding:0 var(--spacing-md);font-size:.9rem;font-weight:600;z-index:1}.two-factor-card ion-card-header{padding-top:48px;padding-bottom:0}.two-factor-card .two-factor-form-content{padding:32px}.page-title{text-align:center;font-size:1rem;color:var(--text-secondary);margin:0 0 24px}.two-factor-form-content{padding:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.info-box,.warning-box{display:flex;gap:12px;padding:16px;background:var(--color-info);border-radius:var(--radius-sm);margin-bottom:24px;align-items:flex-start}.warning-box{background:var(--color-warning)}.info-box ion-icon,.warning-box ion-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.info-box p,.warning-box p{margin:0;color:var(--text-primary);line-height:1.5}.qr-section,.manual-section,.recovery-section{margin-bottom:24px}.qr-section h3,.manual-section h3,.recovery-section h3{text-align:center;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.qr-code-container{display:flex;justify-content:center;padding:20px;background:#fff;border-radius:var(--radius-md);border:2px solid var(--border-color);margin-bottom:12px}.qr-code-container img{max-width:250px;width:100%;height:auto}.secret-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--cream-100);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.secret-display code{flex:1;font-family:Courier New,monospace;font-size:.95rem;color:var(--text-primary);word-break:break-all}.copy-button{background:var(--tag-bg);border:1px solid var(--tag-border);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:var(--tag-hover);transform:scale(1.05)}.copy-button ion-icon{font-size:1.2rem;color:var(--text-primary)}.form-group{margin-bottom:20px}.verification-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;font-family:Courier New,monospace}.submit-button{width:100%;padding:16px;background:var(--text-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.back-button{width:100%;padding:14px;background:transparent;color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px}.back-button:hover{background:var(--cream-100);border-color:var(--text-primary)}.success-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-success);border-radius:var(--radius-sm);margin-bottom:20px;color:var(--text-primary)}.success-message ion-icon{font-size:1.3rem;flex-shrink:0}.instruction-text{text-align:center;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;padding:16px;background:var(--cream-100);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.recovery-code-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:4px}.code-number{font-size:.85rem;color:var(--text-secondary);font-weight:600}.recovery-code-item code{font-family:Courier New,monospace;font-size:.9rem;color:var(--text-primary)}.recovery-actions{display:flex;gap:12px;margin-bottom:24px}.action-button{flex:1;padding:12px;background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-primary)}.action-button:hover{background:var(--tag-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-button ion-icon{font-size:1.1rem}@media (max-width: 768px){.two-factor-card{padding:24px}.recovery-codes{grid-template-columns:1fr}.recovery-actions{flex-direction:column}}.two-factor-verify-content{--background: var(--bg-page)}.verify-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.verify-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);max-width:480px;width:100%;position:relative;overflow:hidden}.verify-card:before{content:"2FA Verify";position:absolute;top:0;left:0;right:0;height:36px;background:var(--window-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:2px solid var(--window-border);color:var(--text-light);display:flex;align-items:center;padding:0 var(--spacing-md);font-size:.9rem;font-weight:600;z-index:1}.exit-button{position:absolute;top:0;right:0;width:40px;height:36px;background:transparent;border:none;color:var(--text-light);font-size:1rem;font-weight:600;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:monospace;padding:0;margin:0}.exit-button:hover{background:rgba(255,255,255,.1);color:var(--tag-selected)}.exit-button:active{background:rgba(255,255,255,.2)}.verify-card .card-header{padding-top:48px;margin-bottom:24px}.verify-card .verify-form-content{padding:0 32px 32px}.card-header{margin-bottom:24px}.icon-container{display:flex;justify-content:center;margin-bottom:16px}.main-icon{font-size:4rem;color:var(--color-info)}.card-title-only{text-align:center;font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.page-title{text-align:center;font-size:1rem;color:var(--text-secondary);margin:0}.verify-form-content{padding:0}.user-info{text-align:center;padding:12px;background:var(--cream-100);border-radius:var(--radius-sm);margin-bottom:20px}.info-box{display:flex;gap:12px;padding:16px;background:var(--color-info);border-radius:var(--radius-sm);margin-bottom:24px;align-items:flex-start}.info-box ion-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.info-box p{margin:0;color:var(--text-primary);line-height:1.5}.form-group{margin-bottom:24px}.input-label{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.input-icon{font-size:1.1rem;color:var(--text-secondary)}.custom-input{width:100%;padding:14px 16px;background:var(--cream-100);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;color:var(--text-primary);transition:all .3s ease;font-family:inherit}.custom-input:focus{outline:none;border-color:var(--text-primary);background:var(--window-bg)}.verification-input{text-align:center;font-size:1.8rem;letter-spacing:.5rem;font-family:Courier New,monospace;padding:20px}.submit-button{width:100%;padding:16px;background:var(--text-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.submit-button:hover:not(:disabled){background:var(--neutral-800);transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-error);border-radius:var(--radius-sm);margin-bottom:20px;color:var(--text-primary)}.error-message ion-icon{font-size:1.3rem;flex-shrink:0}.alternative-section{margin-top:20px;text-align:center}.link-button{background:transparent;border:none;color:var(--text-accent);font-size:.9rem;cursor:pointer;text-decoration:underline;padding:8px;transition:opacity .3s ease}.link-button:hover{opacity:.8}.back-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color);text-align:center}.back-link{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px;transition:color .3s ease}.back-link:hover{color:var(--text-primary)}.back-link ion-icon{font-size:1.1rem}@media (max-width: 768px){.verify-card{padding:24px}.verification-input{font-size:1.5rem;letter-spacing:.4rem}}.confirm-dialog-modal{--background: transparent}.confirm-dialog-content{--background: rgba(0, 0, 0, .5);display:flex;align-items:center;justify-content:center}.confirm-dialog-container{display:flex;justify-content:center;align-items:center;padding:20px;width:100%;max-width:500px;margin:0 auto}.confirm-dialog-card{background:var(--window-bg);border:3px solid var(--window-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);width:100%;position:relative;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-window-header{display:flex;align-items:center;justify-content:space-between;height:32px;background:var(--window-header);border-bottom:2px solid var(--window-border);padding:0 12px 0 16px}.dialog-window-title{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.3px}.close-button{background:transparent;border:1.5px solid rgba(255,255,255,.4);padding:2px 8px;font-size:.75rem;font-weight:700;cursor:pointer;border-radius:4px;color:rgba(255,255,255,.85);transition:all .2s ease;line-height:1.4}.close-button:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.7)}.close-button:disabled{opacity:.5;cursor:not-allowed}.dialog-body-wrap{padding:28px 28px 24px}.dialog-header{text-align:center;margin-bottom:20px}.icon-container{display:flex;justify-content:center;margin-bottom:16px;padding:16px;border-radius:50%;width:80px;height:80px;margin-left:auto;margin-right:auto}.dialog-icon{font-size:3rem}.danger-icon{background:rgba(244,165,165,.2)}.danger-icon .dialog-icon{color:#d32f2f}.warning-icon{background:rgba(255,200,87,.2)}.warning-icon .dialog-icon{color:#e89b3c}.success-icon{background:rgba(168,213,186,.2)}.success-icon .dialog-icon{color:#7cb89d}.info-icon{background:rgba(165,201,244,.2)}.info-icon .dialog-icon{color:#5b9bd5}.dialog-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dialog-body{margin-bottom:28px}.dialog-message{text-align:center;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.dialog-footer{display:flex;gap:12px}.cancel-button,.confirm-button{flex:1;padding:14px 20px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-button{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.cancel-button:hover:not(:disabled){background:var(--cream-100);border-color:var(--text-primary)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.confirm-button{color:#fff}.confirm-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.confirm-button:disabled{opacity:.6;cursor:not-allowed}.danger-button{background:#d32f2f}.danger-button:hover:not(:disabled){background:#b71c1c}.warning-button{background:var(--color-warning)}.warning-button:hover:not(:disabled){background:#e89b3c}.success-button{background:#7cb89d}.success-button:hover:not(:disabled){background:#6ba88c}.info-button{background:#5b9bd5}.info-button:hover:not(:disabled){background:#4a8ac4}@media (max-width: 768px){.dialog-body-wrap{padding:20px 18px 18px}.dialog-title{font-size:1.3rem}.dialog-footer{flex-direction:column}.cancel-button,.confirm-button{width:100%}}.al-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-page);font-family:DM Sans,sans-serif;position:relative}.al-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:200}.al-sidebar{width:220px;min-width:220px;background:var(--window-header);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:210;flex-shrink:0;transition:transform .3s ease}.al-sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.al-brand-logo{font-size:1.6rem;line-height:1}.al-brand-name{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:1px}.al-brand-sub{font-size:.68rem;color:rgba(255,255,255,.5);font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-top:1px}.al-nav{flex:1;padding:12px 0;display:flex;flex-direction:column;gap:2px}.al-nav-item{display:flex;align-items:center;gap:10px;padding:10px 18px;text-decoration:none;color:rgba(255,255,255,.65);border-radius:0;position:relative;transition:background .2s ease,color .2s ease;cursor:pointer}.al-nav-item:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}.al-nav-item--active{background:rgba(255,200,87,.15);color:gold}.al-nav-item--active:hover{background:rgba(255,200,87,.2);color:gold}.al-nav-active-bar{position:absolute;right:0;top:6px;bottom:6px;width:3px;border-radius:3px 0 0 3px;background:gold}.al-nav-icon{font-size:1.15rem;width:24px;text-align:center;flex-shrink:0}.al-nav-text{display:flex;flex-direction:column;gap:1px;min-width:0}.al-nav-label{font-size:.85rem;font-weight:600;line-height:1.2}.al-nav-desc{font-size:.68rem;opacity:.6;line-height:1}.al-sidebar-footer{border-top:1px solid rgba(255,255,255,.12);padding:14px 18px;display:flex;flex-direction:column;gap:10px}.al-user-info{display:flex;align-items:center;gap:10px}.al-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffc857,#e89b3c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.al-user-details{min-width:0}.al-user-name{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-user-role{font-size:.67rem;color:rgba(255,255,255,.45);margin-top:1px}.al-logout-btn{width:100%;padding:8px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:rgba(255,255,255,.7);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.al-logout-btn:hover{background:rgba(220,80,60,.25);border-color:rgba(220,80,60,.5);color:#ff7b6b}.al-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.al-topbar{height:56px;background:var(--window-bg);border-bottom:1px solid var(--window-border);display:flex;align-items:center;gap:14px;padding:0 20px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.06)}.al-menu-btn{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-primary);padding:4px 6px;border-radius:6px;transition:background .2s}.al-menu-btn:hover{background:var(--beige-medium)}.al-topbar-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-primary);flex:1}.al-topbar-icon{font-size:1.2rem}.al-topbar-user{display:flex;align-items:center;gap:8px;margin-left:auto}.al-topbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffc857,#e89b3c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.al-topbar-name{font-size:.85rem;font-weight:600;color:var(--text-secondary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-page-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg-page)}@media (max-width: 768px){.al-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:4px 0 20px rgba(0,0,0,.2)}.al-sidebar--open{transform:translate(0)}.al-overlay{display:block}.al-menu-btn{display:flex}.al-page-content{padding:16px}.al-topbar-name{display:none}}.um-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.um-stat-item{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;padding:16px 20px;box-shadow:var(--shadow-sm);text-align:center}.um-stat-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.um-stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.um-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.um-search-input{flex:1;min-width:200px;padding:10px 16px;border:2px solid var(--window-border);border-radius:10px;font-size:.9rem;background:var(--window-bg);color:var(--text-primary);outline:none;transition:border-color .2s;font-family:inherit}.um-search-input:focus{border-color:var(--text-accent)}.um-filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.um-filter-tab{padding:8px 14px;border:1.5px solid var(--window-border);border-radius:8px;background:var(--window-bg);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.um-filter-tab:hover{border-color:var(--text-accent);color:var(--text-accent)}.um-filter-tab.active{background:var(--window-header);color:gold;border-color:var(--window-header)}.um-error-msg{background:#fff5f5;border:1.5px solid #f5c2c7;border-left:4px solid #c0392b;border-radius:8px;padding:12px 16px;font-size:.875rem;color:#c0392b;margin-bottom:16px}.um-panel{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.um-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--window-header);font-size:.85rem;font-weight:700;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,0,0,.12)}.um-loading-indicator{font-size:.75rem;color:rgba(255,255,255,.5);font-weight:400;animation:um-pulse 1.2s ease infinite}@keyframes um-pulse{0%,to{opacity:1}50%{opacity:.4}}.um-table-wrap{overflow-x:auto}.um-table{width:100%;border-collapse:collapse;font-size:.875rem}.um-table thead tr{background:var(--beige-light);border-bottom:2px solid var(--window-border)}.um-table th{padding:12px 16px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);white-space:nowrap}.um-table tbody tr{border-bottom:1px solid var(--beige-medium);transition:background .15s}.um-table tbody tr:last-child{border-bottom:none}.um-table tbody tr:hover{background:var(--beige-light)}.um-table td{padding:12px 16px;vertical-align:middle;color:var(--text-primary)}.um-user-cell{display:flex;align-items:center;gap:10px}.um-user-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.um-user-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.um-user-email{font-size:.75rem;color:var(--text-secondary);margin-top:1px}.um-date-cell{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.um-role-chip{font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.um-role-chip.super{background:#fff3cd;color:#b7770d}.um-role-chip.admin{background:#d6eaff;color:#1a5276}.um-role-chip.youth{background:#d5f0e4;color:#27ae60}.um-status-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}.um-status-badge.active{background:#d5f0e4;color:#27ae60}.um-status-badge.inactive{background:#f5e0e0;color:#c0392b}.um-edit-select{padding:6px 10px;border:1.5px solid var(--window-border);border-radius:6px;font-size:.82rem;background:#fff;color:var(--text-primary);outline:none;font-family:inherit}.um-edit-checkbox{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-primary);cursor:pointer}.um-actions{display:flex;gap:6px;flex-wrap:wrap}.um-btn{padding:6px 12px;border:none;border-radius:7px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.um-btn:disabled{opacity:.5;cursor:not-allowed}.um-btn-edit{background:#e8f0fe;color:#1a5276}.um-btn-edit:hover:not(:disabled){background:#d0e4fd}.um-btn-danger{background:#fde8e8;color:#c0392b}.um-btn-danger:hover:not(:disabled){background:#facaca}.um-btn-success{background:#d5f0e4;color:#27ae60}.um-btn-success:hover:not(:disabled){background:#c0e8d4}.um-btn-secondary{background:var(--beige-medium);color:var(--text-secondary)}.um-btn-secondary:hover:not(:disabled){background:var(--beige-light)}.um-empty-state{padding:60px 20px;text-align:center;color:var(--text-secondary)}.um-empty-state h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.um-empty-state p{font-size:.875rem;margin:0}.um-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid var(--beige-medium)}.um-pag-btn{padding:8px 16px;border:1.5px solid var(--window-border);border-radius:8px;background:var(--window-bg);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.um-pag-btn:hover:not(:disabled){border-color:var(--text-accent);color:var(--text-accent)}.um-pag-btn:disabled{opacity:.4;cursor:not-allowed}.um-pag-info{font-size:.85rem;color:var(--text-secondary)}@media (max-width: 768px){.um-stats-bar{grid-template-columns:repeat(2,1fr)}.um-toolbar{flex-direction:column;align-items:stretch}.um-search-input{min-width:unset}.um-table th:nth-child(4),.um-table td:nth-child(4){display:none}}@media (max-width: 480px){.um-stats-bar{grid-template-columns:1fr 1fr}}:root{--pastel-primary: #F5ECD7;--pastel-primary-dark: #E8DCC8;--pastel-secondary: #FFF8E7;--pastel-accent: #FFE5CC;--pastel-warning: #FFE6CC;--cream-50: #FFFEF9;--cream-100: #FFF9F0;--cream-200: #F7F3E9;--cream-300: #EFE8D8;--beige-light: #F5F0E5;--beige-medium: #E8DCC8;--beige-dark: #D4C4A8;--window-bg: #FEFDFB;--window-border: #4d4949;--window-header: #4A4A4A;--tag-bg: #F5ECD7;--tag-border: #D4C4A8;--tag-hover: #E8DCC8;--tag-selected: #FFC857;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #EEEEEE;--neutral-300: #E0E0E0;--neutral-400: #BDBDBD;--neutral-500: #9E9E9E;--neutral-600: #757575;--neutral-700: #616161;--neutral-800: #424242;--neutral-900: #212121;--color-success: #A8D5BA;--color-error: #F4A5A5;--color-info: #A5C9F4;--color-warning: #FFC857;--text-primary: #3A3A3A;--text-secondary: #6B6B6B;--text-disabled: #BDBDBD;--text-light: #FFFFFF;--text-accent: #E89B3C;--bg-primary: #FEFDFB;--bg-secondary: #F7F3E9;--bg-page: #E8E3D5;--border-color: #D4C4A8;--border-dark: #3A3A3A;--shadow-sm: 0 2px 8px rgba(141, 118, 88, .08);--shadow-md: 0 4px 16px rgba(110, 85, 71, .12);--shadow-window: 0 8px 24px rgba(73, 65, 65, .15);--shadow-lg: 0 8px 32px rgba(41, 39, 39, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}.sec-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.sec-kpi-card{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;padding:18px 16px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s}.sec-kpi-card:hover{transform:translateY(-3px)}.sec-kpi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 10px}.sec-kpi-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.sec-kpi-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sec-error-msg{background:#fff5f5;border:1.5px solid #f5c2c7;border-left:4px solid #c0392b;border-radius:8px;padding:12px 16px;font-size:.875rem;color:#c0392b;margin-bottom:16px;display:flex;align-items:center;gap:12px}.sec-error-msg button{margin-left:auto;padding:4px 12px;border:1px solid #c0392b;border-radius:6px;background:transparent;color:#c0392b;font-size:.8rem;cursor:pointer;font-family:inherit}.sec-panel{background:var(--window-bg);border:2px solid var(--window-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px}.sec-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--window-header);font-size:.85rem;font-weight:700;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,0,0,.12);gap:12px;flex-wrap:wrap}.sec-filter-tabs{display:flex;gap:6px}.sec-filter-tab{padding:4px 12px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:transparent;color:rgba(255,255,255,.6);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.sec-filter-tab:hover{background:rgba(255,255,255,.12);color:#fff}.sec-filter-tab.active{background:rgba(255,220,100,.25);color:gold;border-color:rgba(255,220,100,.5)}.sec-events-list{padding:4px 0}.sec-event-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--beige-medium);flex-wrap:wrap}.sec-event-row:last-child{border-bottom:none}.sec-event-row:hover{background:var(--beige-light)}.sec-event--critical{border-left:3px solid #c0392b}.sec-event--warning{border-left:3px solid #E89B3C}.sec-event--info{border-left:3px solid #6B9FD4}.sec-event-sev-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.sec-event-main{flex:1;min-width:0}.sec-event-type{font-size:.875rem;font-weight:700;color:var(--text-primary)}.sec-event-email{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.sec-event-desc{width:100%;font-size:.78rem;color:var(--text-secondary);margin-top:4px;padding-left:28px}.sec-event-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.sec-sev-badge{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}.sec-sev--critical{background:#fde8e8;color:#c0392b}.sec-sev--warning{background:#fef3e2;color:#b7770d}.sec-sev--info{background:#d6eaff;color:#1a5276}.sec-event-ip{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.sec-event-time{font-size:.72rem;color:var(--text-secondary)}.sec-failed-list{padding:4px 0}.sec-failed-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--beige-medium)}.sec-failed-row:last-child{border-bottom:none}.sec-failed-row:hover{background:var(--beige-light)}.sec-failed-main{flex:1;min-width:0}.sec-failed-email{font-size:.875rem;font-weight:600;color:var(--text-primary)}.sec-failed-meta{display:flex;gap:14px;font-size:.75rem;color:var(--text-secondary);margin-top:3px}.sec-failed-count{font-size:.82rem;font-weight:700;color:#c0392b;white-space:nowrap;flex-shrink:0}.sec-unlock-btn{padding:6px 12px;background:#d5f0e4;color:#27ae60;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;font-family:inherit}.sec-unlock-btn:hover{background:#c0e8d4}.sec-skeleton{padding:16px;display:flex;flex-direction:column;gap:10px}.sec-skeleton-row{height:56px;border-radius:8px;background:linear-gradient(90deg,var(--beige-light) 0%,var(--beige-medium) 50%,var(--beige-light) 100%);background-size:200% 100%;animation:sec-shimmer 1.4s ease infinite}@keyframes sec-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sec-empty{padding:48px;text-align:center;color:var(--text-secondary)}.sec-empty span{font-size:2.5rem;display:block;margin-bottom:12px}.sec-empty p{font-size:.9rem;margin:0}@media (max-width: 768px){.sec-kpi-grid{grid-template-columns:repeat(2,1fr)}.sec-event-meta{align-items:flex-start}}.rp-content{--background: var(--bg-page);background-color:var(--bg-page)}.rp-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--cream-100) 0%,var(--beige-light) 100%);border-bottom:2px solid var(--border-color);box-shadow:var(--shadow-sm);gap:var(--spacing-md)}.rp-header h1{flex:1;text-align:center;color:var(--text-primary);font-size:1.75rem;margin:0;font-weight:600}.rp-back-btn,.rp-logout-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease}.rp-back-btn:hover,.rp-logout-btn:hover{background:var(--pastel-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.rp-error{margin:var(--spacing-md);padding:var(--spacing-md);background-color:#ffe0e0;color:var(--color-error);border-radius:var(--radius-md);border-left:4px solid var(--color-error)}.rp-success{margin:var(--spacing-md);padding:var(--spacing-md);background-color:#e0ffe0;color:var(--color-success);border-radius:var(--radius-md);border-left:4px solid var(--color-success)}.rp-loading{display:flex;align-items:center;justify-content:center;height:50vh;color:var(--text-secondary);font-size:1.1rem}.rp-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.rp-roles-panel{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:fit-content;max-height:80vh;overflow-y:auto}.rp-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:2px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.rp-panel-header h2{color:var(--text-primary);margin:0;font-size:1.4rem;flex:1}.rp-add-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--pastel-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s ease}.rp-add-btn:hover{background:var(--pastel-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.rp-new-role-form{padding:var(--spacing-md);border-bottom:2px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--cream-100)}.rp-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);background:#fff;transition:border-color .3s ease}.rp-input:focus{outline:none;border-color:var(--pastel-primary);box-shadow:0 0 0 3px rgba(180,140,120,.1)}.rp-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.rp-save-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s ease}.rp-save-btn:hover{background:#2ecc71;transform:translateY(-2px);box-shadow:var(--shadow-md)}.rp-cancel-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s ease}.rp-cancel-btn:hover{background:#f0f0f0}.rp-roles-list{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.rp-role-card{padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.rp-role-card:hover{border-color:var(--pastel-primary);box-shadow:var(--shadow-md);background:var(--cream-100)}.rp-role-card.rp-selected{border-color:var(--pastel-primary);background:linear-gradient(135deg,var(--cream-100) 0%,var(--beige-light) 100%);box-shadow:var(--shadow-md)}.rp-role-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.rp-role-info h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.rp-role-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.rp-perm-count{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--pastel-primary);color:#fff;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;width:fit-content}.rp-role-actions{display:flex;gap:var(--spacing-xs)}.rp-edit-btn,.rp-delete-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);background:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all .3s ease}.rp-edit-btn:hover{background:var(--color-info);color:#fff;border-color:var(--color-info)}.rp-delete-btn:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.rp-edit-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.rp-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:.95rem}.rp-permissions-panel{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:fit-content;max-height:80vh;overflow-y:auto}.rp-permissions-list{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.rp-permission-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.rp-permission-item:hover{background:var(--cream-100);border-color:var(--pastel-primary)}.rp-permission-item input[type=checkbox]{margin-top:2px;cursor:pointer;width:18px;height:18px;accent-color:var(--pastel-primary)}.rp-permission-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.rp-perm-name{color:var(--text-primary);font-weight:600;font-size:.95rem}.rp-perm-desc{color:var(--text-secondary);font-size:.85rem}.rp-permissions-actions{padding:var(--spacing-md);border-top:2px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-sm);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media (max-width: 1024px){.rp-container{grid-template-columns:1fr}.rp-roles-panel,.rp-permissions-panel{max-height:none}.rp-header{flex-wrap:wrap}.rp-header h1{width:100%;order:-1;margin-bottom:var(--spacing-sm)}}@media (max-width: 640px){.rp-container{padding:var(--spacing-md);gap:var(--spacing-md)}.rp-header{flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm)}.rp-header h1{font-size:1.4rem;order:-1;width:100%;margin-bottom:var(--spacing-xs)}.rp-back-btn,.rp-logout-btn{flex:1;padding:var(--spacing-sm)}.rp-panel-header{flex-direction:column;gap:var(--spacing-sm)}.rp-panel-header h2{font-size:1.1rem}.rp-add-btn{width:100%}}.rep-content{--background: var(--bg-page);background-color:var(--bg-page)}.rep-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--cream-100) 0%,var(--beige-light) 100%);border-bottom:2px solid var(--border-color);box-shadow:var(--shadow-sm);gap:var(--spacing-md)}.rep-header h1{flex:1;text-align:center;color:var(--text-primary);font-size:1.75rem;margin:0;font-weight:600}.rep-back-btn,.rep-logout-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease}.rep-back-btn:hover,.rep-logout-btn:hover{background:var(--pastel-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.rep-error{margin:var(--spacing-md);padding:var(--spacing-md);background-color:#ffe0e0;color:var(--color-error);border-radius:var(--radius-md);border-left:4px solid var(--color-error)}.rep-success{margin:var(--spacing-md);padding:var(--spacing-md);background-color:#e0ffe0;color:var(--color-success);border-radius:var(--radius-md);border-left:4px solid var(--color-success)}.rep-loading{display:flex;align-items:center;justify-content:center;height:50vh;color:var(--text-secondary);font-size:1.1rem}.rep-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl)}.rep-stats-section h2,.rep-charts-section h2,.rep-filters-section h2,.rep-export-section h2{color:var(--text-primary);font-size:1.4rem;margin:0 0 var(--spacing-md) 0;font-weight:600}.rep-stats-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.rep-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.rep-stat-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .3s ease;min-height:140px}.rep-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.rep-stat-primary{background:linear-gradient(135deg,var(--pastel-primary) 0%,rgba(180,140,120,.2) 100%);border:2px solid var(--pastel-primary)}.rep-stat-success{background:linear-gradient(135deg,var(--color-success) 0%,rgba(46,204,113,.2) 100%);border:2px solid var(--color-success)}.rep-stat-warning{background:linear-gradient(135deg,var(--color-warning) 0%,rgba(241,196,15,.2) 100%);border:2px solid var(--color-warning)}.rep-stat-info{background:linear-gradient(135deg,var(--color-info) 0%,rgba(52,152,219,.2) 100%);border:2px solid var(--color-info)}.rep-stat-accent{background:linear-gradient(135deg,var(--pastel-accent) 0%,rgba(180,150,140,.2) 100%);border:2px solid var(--pastel-accent)}.rep-stat-secondary{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(240,240,240,.5) 100%);border:2px solid var(--border-color)}.rep-stat-value{font-size:2.2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-sm)}.rep-stat-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.rep-charts-section{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.rep-chart-container{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.rep-bar-chart{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rep-chart-row{display:flex;align-items:center;gap:var(--spacing-md)}.rep-chart-label{min-width:150px;color:var(--text-primary);font-weight:600;font-size:.95rem}.rep-chart-bar-wrapper{flex:1;display:flex;align-items:center;gap:var(--spacing-md);height:40px}.rep-chart-bar{height:100%;background:linear-gradient(90deg,var(--pastel-primary) 0%,var(--pastel-accent) 100%);border-radius:var(--radius-sm);min-width:2px;transition:all .3s ease;box-shadow:var(--shadow-sm)}.rep-chart-bar:hover{box-shadow:var(--shadow-md);filter:brightness(1.1)}.rep-chart-value{min-width:40px;text-align:right;color:var(--text-primary);font-weight:700;font-size:1rem}.rep-filters-section{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.rep-filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.rep-filter-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rep-filter-item label{color:var(--text-primary);font-weight:600;font-size:.95rem}.rep-select,.rep-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);background:#fff;transition:border-color .3s ease;font-family:inherit}.rep-select:focus,.rep-input:focus{outline:none;border-color:var(--pastel-primary);box-shadow:0 0 0 3px rgba(180,140,120,.1)}.rep-export-section{background:linear-gradient(135deg,var(--cream-100) 0%,var(--beige-light) 100%);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color)}.rep-export-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.rep-export-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none}.rep-export-csv{background:linear-gradient(135deg,var(--color-success) 0%,#27ae60 100%);color:#fff}.rep-export-csv:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#27ae60,#229954)}.rep-export-pdf{background:linear-gradient(135deg,var(--color-error) 0%,#e74c3c 100%);color:#fff}.rep-export-pdf:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#e74c3c,#c0392b)}.rep-export-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.rep-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 768px){.rep-header{flex-wrap:wrap}.rep-header h1{width:100%;order:-1;margin-bottom:var(--spacing-sm)}.rep-container{padding:var(--spacing-md);gap:var(--spacing-md)}.rep-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.rep-stat-card{min-height:120px;padding:var(--spacing-md)}.rep-stat-value{font-size:1.8rem}.rep-stat-label{font-size:.85rem}.rep-filter-group,.rep-export-buttons{grid-template-columns:1fr}.rep-chart-label{min-width:120px;font-size:.85rem}}@media (max-width: 640px){.rep-header{flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm)}.rep-header h1{font-size:1.4rem;order:-1;width:100%;margin-bottom:var(--spacing-xs)}.rep-back-btn,.rep-logout-btn{flex:1;padding:var(--spacing-sm)}.rep-stats-grid{grid-template-columns:repeat(2,1fr)}.rep-stat-value{font-size:1.5rem}.rep-stat-label{font-size:.8rem}.rep-chart-row{gap:var(--spacing-sm)}.rep-chart-label{min-width:100px;font-size:.8rem}.rep-chart-value{min-width:35px;font-size:.9rem}}.al-content{--background: var(--bg-page);padding:var(--spacing-md)}.al-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.al-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.al-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.5px}.al-back-btn,.al-logout-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.al-back-btn:hover,.al-logout-btn:hover{background-color:var(--pastel-primary);border-color:var(--text-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.al-back-btn:active,.al-logout-btn:active{transform:translateY(0)}.al-logout-btn{background-color:#f5e6e0;color:#c17a6a}.al-logout-btn:hover{background-color:#efd5cc;border-color:#d17a6b}.al-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.al-filter-group{display:flex;flex-direction:column}.al-filter-group label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.al-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;transition:all .2s ease}.al-input:focus{outline:none;border-color:var(--text-accent);background-color:#fffbf8;box-shadow:0 0 0 3px rgba(166,124,82,.1)}.al-reset-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--pastel-primary);color:var(--text-primary);border:1px solid var(--text-accent);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;align-self:flex-end}.al-reset-btn:hover{background-color:var(--text-accent);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.al-count{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-md)}.al-logs-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.al-log-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all .2s ease}.al-log-card:hover{box-shadow:var(--shadow-md);border-color:var(--text-accent);transform:translateY(-2px)}.al-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.al-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--pastel-primary),var(--pastel-accent));color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.al-user-info{flex:1}.al-user-name{font-weight:600;color:var(--text-primary);font-size:15px}.al-user-email{font-size:13px;color:var(--text-secondary)}.al-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.al-badge-create{background-color:#e8f5e9;color:var(--color-success)}.al-badge-update{background-color:#e3f2fd;color:var(--color-info)}.al-badge-delete{background-color:#ffebee;color:var(--color-error)}.al-badge-login{background-color:#f5f5f5;color:var(--text-secondary)}.al-badge-other{background-color:#fff8e1;color:var(--color-warning)}.al-card-body{margin-bottom:var(--spacing-md)}.al-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.al-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-light)}.al-ip{font-family:Monaco,Courier New,monospace;background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.al-timestamp{color:var(--text-accent);font-weight:500}.al-skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.al-skeleton-card{display:flex;gap:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.al-skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;background-color:var(--bg-secondary)}.al-skeleton-lines{flex:1}.al-skeleton-text{height:12px;background-color:var(--bg-secondary);margin-bottom:var(--spacing-sm)}.al-skeleton-text:last-child{margin-bottom:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.al-empty-state{text-align:center;padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary)}.al-empty-state p{margin:var(--spacing-sm) 0;font-size:16px}.al-empty-subtitle{font-size:14px;color:var(--text-light)}.al-error-state{text-align:center;padding:var(--spacing-lg);background-color:#ffebee;border:1px solid #ffcdd2;border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--spacing-lg)}.al-error-state p{margin:0 0 var(--spacing-md) 0;font-size:15px}.al-retry-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-error);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.al-retry-btn:hover{background-color:#c17a6a;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.al-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.al-pagination-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.al-pagination-btn:hover:not(:disabled){background-color:var(--pastel-primary);border-color:var(--text-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.al-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.al-pagination-info{font-size:14px;color:var(--text-secondary);font-weight:500}.al-current-page,.al-total-pages{color:var(--text-accent);font-weight:600}@media (max-width: 768px){.al-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.al-filters{grid-template-columns:1fr}.al-reset-btn{align-self:auto;width:100%}.al-card-header{flex-wrap:wrap}.al-card-footer{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.al-pagination{flex-direction:column;gap:var(--spacing-md)}}:root{--text-primary: #2c2416;--text-secondary: #5a5047;--text-light: #8b8680;--text-accent: #a67c52;--bg-primary: #faf8f5;--bg-secondary: #f5f1ed;--bg-page: #fffaf5;--border-color: #e8e3dd;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--color-success: #6ba366;--color-error: #d17a6b;--color-info: #7ba8c4;--color-warning: #d4a574;--cream-100: #fffaf5;--cream-200: #fef5ed;--beige-light: #f5f1ed;--beige-medium: #ede8e2;--pastel-primary: #e8d5c4;--pastel-accent: #d4b5a0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}.set-content{--background: var(--bg-page);padding:var(--spacing-md)}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.set-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.set-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.5px}.set-back-btn,.set-logout-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.set-back-btn:hover,.set-logout-btn:hover{background-color:var(--pastel-primary);border-color:var(--text-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.set-back-btn:active,.set-logout-btn:active{transform:translateY(0)}.set-logout-btn{background-color:#f5e6e0;color:#c17a6a}.set-logout-btn:hover{background-color:#efd5cc;border-color:#d17a6b}.set-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto}.set-tab{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.set-tab:hover,.set-tab-active{color:var(--text-accent)}.set-tab-active:after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:3px;background-color:var(--text-accent);border-radius:2px}.set-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.set-section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.set-section-note{font-size:13px;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--color-info)}.set-form-group{margin-bottom:var(--spacing-lg)}.set-form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.set-input,.set-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background-color:#fff;color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.set-input:focus,.set-textarea:focus{outline:none;border-color:var(--text-accent);background-color:#fffbf8;box-shadow:0 0 0 3px rgba(166,124,82,.1)}.set-textarea{resize:vertical;min-height:100px}.set-toggle-group{display:flex;justify-content:space-between;align-items:center}.set-toggle-group label{margin-bottom:0}.set-toggle{position:relative;display:inline-block;width:50px;height:28px}.set-toggle-input{opacity:0;width:0;height:0}.set-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:28px}.set-toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:var(--shadow-sm)}.set-toggle-input:checked+.set-toggle-slider{background-color:var(--color-success)}.set-toggle-input:checked+.set-toggle-slider:before{transform:translate(22px)}.set-readonly-value{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary);font-family:Monaco,Courier New,monospace;word-break:break-all}.set-info-box{padding:var(--spacing-md);background-color:#e3f2fd;border-left:3px solid var(--color-info);border-radius:var(--radius-sm);margin-top:var(--spacing-lg)}.set-info-box p{margin:0;font-size:14px;color:var(--color-info)}.set-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.set-info-item{padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column}.set-info-item.set-full-width{grid-column:1 / -1}.set-info-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.set-info-value{font-size:15px;font-weight:500;color:var(--text-primary);font-family:Monaco,Courier New,monospace;word-break:break-all}.set-env-production{color:var(--color-success)}.set-env-staging{color:var(--color-warning)}.set-env-development{color:var(--color-info)}.set-save-btn,.set-secondary-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--text-accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;margin-top:var(--spacing-md)}.set-save-btn:hover:not(:disabled),.set-secondary-btn:hover{background-color:var(--pastel-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.set-save-btn:active:not(:disabled),.set-secondary-btn:active{transform:translateY(0)}.set-save-btn:disabled{opacity:.6;cursor:not-allowed}.set-secondary-btn{background-color:var(--border-color);color:var(--text-primary)}.set-secondary-btn:hover{background-color:var(--pastel-primary)}.set-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.set-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--text-accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.set-loading p{color:var(--text-secondary);font-size:14px;margin:0}.set-toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.set-toast{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;display:flex;align-items:center;gap:var(--spacing-sm);min-width:300px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.set-toast-success{background-color:#e8f5e9;color:var(--color-success);border-left:4px solid var(--color-success)}.set-toast-error{background-color:#ffebee;color:var(--color-error);border-left:4px solid var(--color-error)}@media (max-width: 768px){.set-content{padding:var(--spacing-sm)}.set-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.set-section{padding:var(--spacing-md)}.set-tabs{flex-wrap:wrap}.set-info-grid{grid-template-columns:1fr}.set-toast-container{left:var(--spacing-sm);right:var(--spacing-sm);bottom:var(--spacing-sm)}.set-toast{min-width:auto}}.bk-page{--bk-primary: var(--pastel-primary);--bk-accent: var(--pastel-accent);--bk-bg: var(--bg-page);--bk-text: var(--text-primary);--bk-text-secondary: var(--text-secondary);--bk-border: var(--border-color);--bk-shadow: var(--shadow-md);--bk-radius: var(--radius-md)}.bk-page{background-color:var(--bk-bg);color:var(--bk-text);display:flex;flex-direction:column;height:100vh}.bk-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.bk-container{max-width:1200px;margin:0 auto;width:100%}.bk-header{background:linear-gradient(135deg,var(--cream-100) 0%,var(--cream-200) 100%);border-bottom:1px solid var(--bk-border);box-shadow:var(--shadow-sm);padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:100}.bk-header-top{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.bk-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.bk-header-title{margin:0;font-size:1.75rem;font-weight:600;color:var(--bk-text);letter-spacing:-.5px}.bk-btn-back{background:var(--cream-200);border:1px solid var(--bk-border);color:var(--bk-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.bk-btn-back:hover{background:var(--beige-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bk-btn-back:active{transform:translateY(0)}.bk-btn-logout{background:var(--color-error);border:none;color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;opacity:.9}.bk-btn-logout:hover{opacity:1;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bk-status-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bk-status-card{background:linear-gradient(135deg,var(--beige-light) 0%,var(--cream-100) 100%);border:1px solid var(--bk-border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all .3s ease}.bk-status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--bk-primary)}.bk-status-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.bk-status-value{font-size:1.5rem;font-weight:700;color:var(--bk-primary)}.bk-action-bar{margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.bk-btn-primary{background:var(--bk-primary);border:none;color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm)}.bk-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);opacity:.95}.bk-btn-primary:active:not(:disabled){transform:translateY(0)}.bk-btn-primary:disabled{opacity:.6;cursor:not-allowed}.bk-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:bk-spin .8s linear infinite}.bk-spinner-large{width:48px;height:48px;border:4px solid var(--cream-200);border-radius:50%;border-top-color:var(--bk-primary);animation:bk-spin 1s linear infinite;margin:var(--spacing-lg) auto}@keyframes bk-spin{to{transform:rotate(360deg)}}.bk-error-banner{background:rgba(220,53,69,.1);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-error);font-weight:500}.bk-error-icon{font-size:1.25rem;flex-shrink:0}.bk-error-close{margin-left:auto;background:transparent;border:none;color:var(--color-error);cursor:pointer;font-size:1.25rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bk-error-close:hover{opacity:.7}.bk-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.bk-loading p{margin-top:var(--spacing-md);font-size:1.05rem}.bk-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--cream-100) 0%,var(--cream-200) 100%);border-radius:var(--radius-lg);border:2px dashed var(--bk-border)}.bk-empty-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.bk-empty-state h2{margin:0 0 var(--spacing-sm) 0;font-size:1.5rem;color:var(--bk-text)}.bk-empty-state p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:1.05rem}.bk-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.bk-list-item{background:linear-gradient(135deg,var(--cream-100) 0%,var(--cream-200) 100%);border:1px solid var(--bk-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-lg);align-items:center;box-shadow:var(--shadow-sm);transition:all .3s ease}.bk-list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--bk-primary)}.bk-item-icon{font-size:2rem;flex-shrink:0}.bk-item-content{min-width:0}.bk-item-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.bk-item-filename{margin:0;font-size:1.1rem;font-weight:600;color:var(--bk-text);word-break:break-word}.bk-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.775rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.bk-badge-full{background:rgba(108,117,125,.15);color:#495057}.bk-badge-database{background:rgba(52,152,219,.15);color:#2980b9}.bk-badge-files{background:rgba(155,89,182,.15);color:#8e44ad}.bk-badge-default{background:rgba(149,165,166,.15);color:#7f8c8d}.bk-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary)}.bk-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.bk-meta-label{font-weight:600;color:var(--text-secondary)}.bk-meta-separator{color:var(--border-color)}.bk-item-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end}.bk-btn-action{background:transparent;border:1px solid var(--bk-border);color:var(--bk-text);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.bk-btn-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bk-btn-download{border-color:var(--color-success);color:var(--color-success)}.bk-btn-download:hover{background:rgba(40,167,69,.1)}.bk-btn-delete{border-color:var(--color-error);color:var(--color-error)}.bk-btn-delete:hover{background:rgba(220,53,69,.1)}.bk-confirm-delete{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(220,53,69,.1);border-radius:var(--radius-sm);border:1px solid var(--color-error)}.bk-confirm-text{color:var(--color-error);font-weight:500;font-size:.875rem}.bk-btn-confirm-yes,.bk-btn-confirm-no{background:transparent;border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.bk-btn-confirm-yes{color:var(--color-success)}.bk-btn-confirm-yes:hover{background:rgba(40,167,69,.2)}.bk-btn-confirm-no{color:var(--text-secondary)}.bk-btn-confirm-no:hover{background:rgba(108,117,125,.2)}.bk-toasts{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.bk-toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-weight:500;animation:bk-toast-in .3s ease forwards;pointer-events:auto;max-width:400px;word-wrap:break-word}@keyframes bk-toast-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.bk-toast-success{background:var(--color-success);color:#fff}.bk-toast-error{background:var(--color-error);color:#fff}.bk-toast-info{background:var(--color-info);color:#fff}.bk-toast-icon{font-weight:700;font-size:1.1rem;flex-shrink:0}.bk-toast-message{flex:1;font-size:.95rem}@media (max-width: 768px){.bk-header-top{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.bk-header-title{font-size:1.5rem}.bk-btn-logout{align-self:flex-end}.bk-content{padding:var(--spacing-md)}.bk-status-section{grid-template-columns:1fr}.bk-list-item{grid-template-columns:1fr;gap:var(--spacing-md)}.bk-item-icon{display:none}.bk-item-header{justify-content:space-between;align-items:flex-start}.bk-item-filename{font-size:1rem}.bk-item-meta{font-size:.85rem}.bk-item-actions{width:100%;justify-content:stretch}.bk-btn-action{flex:1;min-width:80px}.bk-btn-primary{width:100%;justify-content:center}.bk-toasts{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}.bk-toast{max-width:none}.bk-empty-state{min-height:300px;padding:var(--spacing-lg)}.bk-empty-icon{font-size:3rem}.bk-empty-state h2{font-size:1.25rem}}@media (max-width: 480px){.bk-header-title{font-size:1.25rem}.bk-status-card{padding:var(--spacing-md)}.bk-status-label{font-size:.75rem}.bk-status-value{font-size:1.25rem}.bk-btn-action{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.bk-confirm-delete{flex-wrap:wrap;gap:var(--spacing-xs)}.bk-confirm-text{width:100%}.bk-item-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.bk-meta-separator{display:none}.bk-toast{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}}