@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#f97316;--orange-light:#fff7ed;--orange-mid:#ffedd5;--orange-dark:#ea6c0a;--orange-muted:#f973161f;--white:#fff;--bg:#f8f8f8;--bg-alt:#f3f4f6;--surface:#fff;--border:#e5e5e5;--border-light:#f0f0f0;--text-primary:#171717;--text-secondary:#737373;--text-muted:#a3a3a3;--text-inverse:#fff;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--info:#2563eb;--info-bg:#eff6ff;--info-border:#bfdbfe;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font:"Inter", system-ui, -apple-system, sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--transition:.15s ease;--transition-md:.2s ease}html{font-size:16px}body{font-family:var(--font);font-size:var(--text-base);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field__input{border:1.5px solid var(--border);border-radius:var(--radius-md);height:44px;font-size:var(--text-base);color:var(--text-primary);background:var(--white);transition:border-color var(--transition), box-shadow var(--transition);width:100%;font-family:var(--font);padding:0 14px}.field__error{font-size:var(--text-sm);color:var(--error);margin-top:4px}.field__hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px}.form-section-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:20px;font-weight:600}.field__input{border:1.5px solid var(--border);border-radius:var(--radius-md);height:44px;font-size:var(--text-base);color:var(--text-primary);background:var(--white);font-family:var(--font);width:100%;transition:border-color var(--transition), box-shadow var(--transition);padding:0 14px}@keyframes spin{to{transform:rotate(360deg)}}.pw-toggle{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-layout{background:var(--bg);width:100%;min-height:100vh}.topnav{z-index:100;background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);position:sticky;top:0}.topnav__inner{align-items:center;gap:24px;max-width:1280px;height:60px;margin:0 auto;padding:0 24px;display:flex}.topnav__logo{font-size:var(--text-lg);color:var(--orange);letter-spacing:-.5px;cursor:pointer;white-space:nowrap;flex-shrink:0;font-weight:800}.topnav__links{flex:1;align-items:center;gap:2px;display:flex}.topnav__link{font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.topnav__link:hover{color:var(--text-primary);background:var(--bg-alt)}.topnav__link--active{color:var(--orange);background:var(--orange-light)}.topnav__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.topnav__icon-btn{border:1.5px solid var(--border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.topnav__icon-btn:hover{color:var(--text-primary);background:var(--bg);border-color:#d4d4d4}.topnav__badge{background:var(--orange);color:#fff;border-radius:var(--radius-full);border:2px solid var(--white);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.topnav__signout{font-size:var(--text-sm);color:var(--error);background:var(--error-bg);border:1.5px solid var(--error-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:inline-flex}.topnav__signout:hover{background:#fee2e2}.topnav__hamburger{border:1.5px solid var(--border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;display:none}.topnav__hamburger:hover{color:var(--text-primary);background:var(--bg)}.topnav__mobile-menu{border-top:1px solid var(--border-light);background:var(--white);flex-direction:column;gap:2px;padding:8px 16px 12px;display:flex}.topnav__mobile-link{font-size:var(--text-base);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-weight:500;display:flex}.topnav__mobile-link:hover{color:var(--text-primary);background:var(--bg-alt)}.topnav__mobile-link--active{color:var(--orange);background:var(--orange-light)}.topnav__mobile-signout{font-size:var(--text-base);color:var(--error);background:var(--error-bg);border:1.5px solid var(--error-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);align-items:center;gap:10px;margin-top:6px;padding:10px 12px;font-weight:500;display:flex}@media (width<=900px){.topnav__links,.topnav__signout{display:none}.topnav__hamburger{display:flex}}.user-layout__content{width:100%}.page-content{max-width:1280px;margin:0 auto;padding:32px 24px}@media (width<=768px){.page-content{padding:20px 16px}}@media (width<=480px){.page-content{padding:16px 12px}}.page-header{margin-bottom:28px}.page-header__title{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.3px;font-weight:700}.page-header__subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:4px}@media (width<=480px){.page-header__title{font-size:var(--text-xl)}}.toast-container{z-index:2000;flex-direction:column;gap:10px;width:calc(100vw - 48px);max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:flex-start;gap:12px;padding:14px 16px;animation:.2s slideInRight;display:flex}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--error)}.toast--warning{border-left:3px solid var(--warning)}.toast--info{border-left:3px solid var(--info)}.toast__icon{flex-shrink:0;margin-top:1px}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--error)}.toast--warning .toast__icon{color:var(--warning)}.toast--info .toast__icon{color:var(--info)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:600}.toast__message{font-size:var(--text-sm);color:var(--text-secondary)}.toast__close{color:var(--text-muted);transition:color var(--transition);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.toast__close:hover{color:var(--text-primary)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.al{background:var(--bg);min-height:100vh;display:flex}.al__sidebar{z-index:200;background:#1a1a1a;flex-direction:column;width:240px;min-height:100vh;transition:width .2s,transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.al--collapsed .al__sidebar{width:64px}.al__sidebar-header{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;min-height:64px;padding:20px 16px 16px;display:flex;position:relative}.al__logo{color:var(--orange);white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.al__logo-sub{color:#fff6;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.al--collapsed .al__logo,.al--collapsed .al__logo-sub{display:none}.al__collapse-btn{color:#fff6;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;margin-left:auto;padding:4px;transition:color .15s,background .15s;display:flex}.al__collapse-btn:hover{color:#fff;background:#ffffff14}.al--collapsed .al__collapse-btn{transform:rotate(180deg)}.al__nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow:hidden auto}.al__nav-item{border-radius:var(--radius-md);color:#fff9;font-size:var(--text-sm);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-weight:500;transition:all .15s;display:flex}.al__nav-item:hover{color:#fff;background:#ffffff12}.al__nav-item--active{background:var(--orange-muted);color:var(--orange)}.al__nav-item--active:hover{background:#f973162e}.al__nav-label{overflow:hidden}.al--collapsed .al__nav-label{display:none}.al--collapsed .al__nav-item{justify-content:center;padding:10px}.al__sidebar-footer{border-top:1px solid #ffffff14;padding:12px 8px}.al__logout-btn{border-radius:var(--radius-md);color:#ffffff80;font-size:var(--text-sm);white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-weight:500;transition:all .15s;display:flex}.al__logout-btn:hover{color:#f87171;background:#dc26261f}.al--collapsed .al__logout-btn{justify-content:center;padding:10px}.al__main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;transition:margin-left .2s;display:flex}.al--collapsed .al__main{margin-left:64px}.al__topbar{background:var(--white);border-bottom:1px solid var(--border);z-index:100;height:64px;box-shadow:var(--shadow-xs);align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.al__menu-btn{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;display:none}.al__menu-btn:hover{background:var(--bg-alt);color:var(--text-primary)}.al__topbar-title{font-size:var(--text-md);color:var(--text-primary);flex:1;font-weight:600}.al__topbar-right{align-items:center;gap:12px;display:flex}.al__admin-name{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.al__avatar{background:var(--orange);color:#fff;width:36px;height:36px;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.al__content{flex:1;width:100%;max-width:1400px;padding:28px}.al__overlay{z-index:199;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.al__sidebar{transform:translate(-100%);width:240px!important}.al--mobile-open .al__sidebar{transform:translate(0)}.al--mobile-open .al__overlay{display:block}.al__main{margin-left:0!important}.al__menu-btn{display:flex}.al__admin-name{display:none}.al__content{padding:20px 16px}.al--collapsed .al__nav-label{display:block}.al--collapsed .al__nav-item,.al--collapsed .al__logout-btn{justify-content:flex-start;padding:10px 12px}.al--collapsed .al__logo,.al--collapsed .al__logo-sub{display:block}}.ap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.ap-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.ap-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.ap-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ap-card-body{padding:20px 24px}.ap-filters{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:10px;padding:16px 24px;display:flex}.ap-filter-btn{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--white);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;padding:6px 16px;font-weight:500;transition:all .15s}.ap-filter-btn:hover{border-color:var(--orange);color:var(--orange)}.ap-filter-btn--active{background:var(--orange);border-color:var(--orange);color:#fff}.ap-search{border:1.5px solid var(--border);border-radius:var(--radius-md);height:38px;font-size:var(--text-sm);color:var(--text-primary);background:var(--white);font-family:var(--font);min-width:220px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.ap-search:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-muted);outline:none}.ap-search::placeholder{color:var(--text-muted)}.ap-table-wrap{overflow-x:auto}.ap-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ap-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-light);white-space:nowrap;background:var(--bg);padding:12px 16px;font-size:11px;font-weight:600}.ap-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.ap-table tr:last-child td{border-bottom:none}.ap-table tr:hover td{background:var(--bg)}.ap-stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.ap-stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.ap-stat__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-weight:600}.ap-stat__value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.ap-stat__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.ap-stat__icon--orange{background:var(--orange-mid);color:var(--orange-dark)}.ap-stat__icon--green{background:var(--success-bg);color:var(--success)}.ap-stat__icon--yellow{background:var(--warning-bg);color:var(--warning)}.ap-stat__icon--red{background:var(--error-bg);color:var(--error)}.ap-stat__icon--blue{background:var(--info-bg);color:var(--info)}.ap-pagination{border-top:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 24px;display:flex}.ap-pagination__btns{gap:4px;display:flex}.ap-pagination__btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;padding:5px 12px;transition:all .15s}.ap-pagination__btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.ap-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.ap-pagination__btn--active{background:var(--orange);border-color:var(--orange);color:#fff}.ap-action-btn{border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;border:1.5px solid;padding:5px 12px;font-weight:600;transition:all .15s}.ap-action-btn--approve{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.ap-action-btn--approve:hover{background:var(--success);color:#fff}.ap-action-btn--reject{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.ap-action-btn--reject:hover{background:var(--error);color:#fff}.ap-action-btn--view{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.ap-action-btn--view:hover{background:var(--info);color:#fff}.ap-action-btn:disabled{opacity:.5;cursor:not-allowed}.ap-empty,.ap-loading{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:60px 24px}.ap-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);margin-bottom:20px;padding:16px 20px}.ap-modal-backdrop{z-index:500;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ap-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;padding:28px}.ap-modal__title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:8px;font-weight:700}.ap-modal__body{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.ap-modal__actions{justify-content:flex-end;gap:10px;display:flex}.ap-modal textarea{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);font-family:var(--font);resize:vertical;min-height:80px;color:var(--text-primary);margin-bottom:16px;padding:10px 12px}.ap-modal textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-muted);outline:none}.al-login{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.al-login__card{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #0000004d}.al-login__brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.al-login__logo{color:var(--orange);font-size:22px;font-weight:800}.al-login__badge{background:var(--orange-mid);color:var(--orange-dark);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;font-size:11px;font-weight:600}.al-login__title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:6px;font-weight:700}.al-login__sub{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:28px}.al-login__form{flex-direction:column;gap:18px;display:flex}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-md);flex-direction:column;gap:4px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.stat-card__title{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.stat-card__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-card__icon--orange{background:var(--orange-mid);color:var(--orange)}.stat-card__icon--green{background:var(--success-bg);color:var(--success)}.stat-card__icon--blue{background:var(--info-bg);color:var(--info)}.stat-card__icon--amber{background:var(--warning-bg);color:var(--warning)}.stat-card__value{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.5px;font-weight:700}.stat-card__change{font-size:var(--text-sm);align-items:center;gap:4px;margin-top:2px;font-weight:500;display:inline-flex}.stat-card__change--up{color:var(--success)}.stat-card__change--down{color:var(--error)}.stat-card__change-label{color:var(--text-muted);margin-left:2px;font-weight:400}.stat-card--skeleton{min-height:110px}.skeleton--line{display:block}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.badge--sm{padding:2px 8px;font-size:11px}.badge--md{font-size:var(--text-sm);padding:3px 10px}.badge--default{background:var(--bg-alt);color:var(--text-secondary)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--error{background:var(--error-bg);color:var(--error)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--orange{background:var(--orange-mid);color:var(--orange-dark)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.card--no-pad{padding:0}.page-loader{justify-content:center;align-items:center;min-height:200px;display:flex}.page-loader__spinner{border:3px solid var(--border);border-top-color:var(--orange);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.4s infinite shimmer}.skeleton-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.table-skeleton{flex-direction:column;gap:0;display:flex}.table-skeleton__row{border-bottom:1px solid var(--border-light);gap:16px;padding:14px 20px;display:flex}.table-skeleton__row>*{flex:1}.dashboard__welcome{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.dashboard__greeting{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.3px;font-weight:700}.dashboard__subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:4px}.dashboard__date{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;padding-top:6px}.dashboard__stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dashboard__stats{grid-template-columns:1fr;gap:12px}}.dashboard__mid,.dashboard__quick-actions{margin-bottom:24px}@media (width<=768px){.quick-actions__grid{grid-template-columns:repeat(2,1fr)}}.dashboard__chart-card{overflow:hidden}.chart-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 12px;display:flex}.chart-card__title{font-size:var(--text-base);color:var(--text-secondary);font-weight:600}.chart-card__value{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.5px;margin-top:2px;font-weight:700}.chart-card__filters{flex-wrap:wrap;gap:4px;display:flex}.chart-filter{font-size:var(--text-sm);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--white);color:var(--text-secondary);transition:all var(--transition);padding:5px 10px;font-weight:500}.chart-filter:hover{border-color:var(--orange);color:var(--orange)}.chart-filter--active{background:var(--orange);border-color:var(--orange);color:#fff}.chart-card__body{padding:0 8px 16px}.chart-tooltip{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:10px 14px}.chart-tooltip__label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:2px}.chart-tooltip__value{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.dashboard__machines{margin-bottom:24px}.machine-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:center;gap:20px;padding:24px;display:flex}.machine-card__icon{background:var(--orange-mid);width:64px;height:64px;color:var(--orange);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.machine-card__info{flex:1;min-width:200px}.machine-card__name{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:4px;font-weight:700}.machine-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.machine-card__meta{flex-wrap:wrap;gap:12px;display:flex}.machine-meta-tag{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 10px}.machine-meta-tag strong{color:var(--text-primary)}.machine-card__buy-btn{background:var(--orange);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:background var(--transition);white-space:nowrap;border:none;flex-shrink:0;padding:10px 28px;font-weight:600}.machine-card__buy-btn:hover{background:var(--orange-dark)}.agreement-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.agreement-modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl);padding:32px}.agreement-modal__title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:20px;font-weight:700}.agreement-modal__body{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;padding:16px 20px}.agreement-modal__body p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:12px}.agreement-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.agreement-list li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:16px;line-height:1.5;position:relative}.agreement-list li:before{content:"•";color:var(--orange);font-weight:700;position:absolute;left:0}.agreement-checkbox{font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:24px;line-height:1.5;display:flex}.agreement-checkbox input{accent-color:var(--orange);flex-shrink:0;width:16px;height:16px;margin-top:2px}.agreement-modal__actions{justify-content:flex-end;gap:12px;display:flex}.agreement-modal__actions .btn{min-width:120px}.section-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:12px;font-weight:600;display:block}.quick-actions__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-action{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--white);transition:all var(--transition-md);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 12px;display:flex}.quick-action:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-action__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quick-action__label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.quick-action--orange .quick-action__icon{background:var(--orange-mid);color:var(--orange)}.quick-action--blue .quick-action__icon{background:var(--info-bg);color:var(--info)}.quick-action--green .quick-action__icon{background:var(--success-bg);color:var(--success)}.quick-action--amber .quick-action__icon{background:var(--warning-bg);color:var(--warning)}.link-btn{font-size:var(--text-sm);color:var(--orange);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:4px;font-weight:500;display:inline-flex}.link-btn:hover{color:var(--orange-dark)}.dashboard__txn-card{overflow:hidden}.txn-card__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.txn-table-wrap{overflow-x:auto}.txn-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.txn-table th{text-align:left;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:10px 20px;font-weight:600}.txn-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:14px 20px}.txn-table tr:last-child td{border-bottom:none}.txn-table tr:hover td{background:var(--bg)}.txn-type{font-weight:500}@media (width<=640px){.txn-table thead{display:none}.txn-table,.txn-table tbody,.txn-table tr,.txn-table td{width:100%;display:block}.txn-table tr{border-bottom:1px solid var(--border-light);padding:12px 16px}.txn-table td{border:none;justify-content:space-between;align-items:center;padding:3px 0;display:flex}.txn-table td:before{content:attr(data-label);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;font-weight:500;font-family:var(--font);letter-spacing:.01em;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{font-size:var(--text-sm);height:34px;padding:6px 14px}.btn--md{font-size:var(--text-base);height:42px;padding:9px 20px}.btn--lg{font-size:var(--text-md);height:50px;padding:12px 28px}.btn--full{width:100%}.btn--primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn--primary:hover:not(:disabled){background:var(--orange-dark);border-color:var(--orange-dark)}.btn--secondary{background:var(--white);color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg);border-color:#d4d4d4}.btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--bg-alt);color:var(--text-primary)}.btn--danger{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.btn--danger:hover:not(:disabled){background:#fee2e2}.btn--orange-outline{color:var(--orange);border-color:var(--orange);background:0 0}.btn--orange-outline:hover:not(:disabled){background:var(--orange-light)}.btn--loading{pointer-events:none}.btn__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}.btn--secondary .btn__spinner,.btn--ghost .btn__spinner,.btn--orange-outline .btn__spinner{border-color:#00000026;border-top-color:var(--orange)}.btn__text--hidden{opacity:0}.buy-coins__layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}@media (width<=900px){.buy-coins__layout{grid-template-columns:1fr}.buy-coins__sidebar{order:-1}}.amount-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:4px;display:grid}@media (width<=600px){.amount-grid{grid-template-columns:repeat(2,1fr)}}.amount-btn{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--white);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:all var(--transition-md);text-align:center;padding:14px 8px;font-weight:600}.amount-btn:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-light)}.amount-btn--active{border-color:var(--orange);background:var(--orange);color:#fff}.buy-coins__info-box{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--info);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.buy-coins__info-box svg{flex-shrink:0;margin-top:1px}.buy-coins__success{text-align:center;padding:40px 32px}.success-icon{margin-bottom:16px}.success-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:10px;font-weight:700}.success-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:420px;margin:0 auto 28px;line-height:1.6}.success-details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;margin-bottom:24px;padding:16px 20px}.success-detail-row{border-bottom:1px solid var(--border-light);font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.success-detail-row:last-child{border-bottom:none;padding-bottom:0}.success-detail-row span:first-child{color:var(--text-secondary)}.sidebar-card-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:16px;font-weight:600}.order-summary{flex-direction:column;gap:0;display:flex}.order-row{border-bottom:1px solid var(--border-light);font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.order-row span:first-child{color:var(--text-secondary)}.order-row:last-child{border-bottom:none}.order-divider{background:var(--border);height:1px;margin:4px 0}.order-row--total{font-size:var(--text-base)}.order-row--total span,.order-row--total strong{color:var(--text-primary)}.how-it-works{flex-direction:column;gap:12px;margin-bottom:14px;list-style:none;display:flex}.how-it-works li{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:10px;display:flex}.how-it-works li span{background:var(--orange-mid);width:22px;height:22px;color:var(--orange);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.investments__stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.investments__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.investments__stats{grid-template-columns:1fr;gap:12px}}.investments__card{overflow:hidden}.investments__card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.inv-table-wrap{overflow-x:auto}.inv-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.inv-table th{text-align:left;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:10px 20px;font-weight:600}.inv-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:14px 20px}.inv-table tr:last-child td{border-bottom:none}.inv-table tr:hover td{background:var(--bg)}.inv-name{align-items:center;gap:8px;font-weight:500;display:flex}.inv-name__dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:8px;height:8px}.inv-value{font-weight:600}.inv-pnl{font-weight:500;font-size:var(--text-sm);align-items:center;gap:4px;display:flex}.inv-pnl--up{color:var(--success)}.inv-pnl--down{color:var(--error)}.inv-pnl__pct{font-size:var(--text-xs);opacity:.8}.text-success{color:var(--success)}.text-error{color:var(--error)}.inv-mobile-cards{display:none}@media (width<=768px){.inv-table-wrap{display:none}.inv-mobile-cards{flex-direction:column;gap:0;display:flex}.inv-mobile-card{border-bottom:1px solid var(--border-light);padding:16px}.inv-mobile-card:last-child{border-bottom:none}.inv-mobile-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.inv-mobile-card__grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.inv-mobile-card__grid>div{flex-direction:column;gap:2px;display:flex}.inv-mobile-card__grid span{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.inv-mobile-card__grid strong{font-size:var(--text-sm);color:var(--text-primary)}.inv-mobile-card__footer{font-size:var(--text-xs);color:var(--text-muted);margin-top:10px}}.pagination{justify-content:center;align-items:center;gap:4px;padding:16px 0 4px;display:flex}.pagination__btn{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--white);min-width:36px;height:36px;color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition);justify-content:center;align-items:center;padding:0 8px;font-weight:500;display:flex}.pagination__btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__page--active{background:var(--orange);border-color:var(--orange);color:#fff}.pagination__page--active:hover{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state__icon{background:var(--bg-alt);border-radius:var(--radius-xl);width:64px;height:64px;color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty-state__title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.empty-state__desc{font-size:var(--text-base);color:var(--text-secondary);max-width:320px}.txns__card{overflow:hidden}.txns__filters{border-bottom:1px solid var(--border-light);padding:20px 24px 0}.txns__type-tabs{scrollbar-width:none;gap:4px;margin-bottom:16px;padding-bottom:0;display:flex;overflow-x:auto}.txns__type-tabs::-webkit-scrollbar{display:none}.txns__tab{font-size:var(--text-sm);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition);background:0 0;border:1.5px solid #0000;padding:7px 16px;font-weight:500}.txns__tab:hover{background:var(--bg-alt);color:var(--text-primary)}.txns__tab--active{background:var(--orange-mid);color:var(--orange-dark);border-color:var(--orange-mid)}.txns__filter-row{flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:16px;display:flex}.txns__search{flex:1;min-width:200px;position:relative}.txns__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.txns__search-input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;height:38px;font-size:var(--text-sm);color:var(--text-primary);background:var(--white);transition:border-color var(--transition);padding:0 12px 0 36px}.txns__search-input:focus{border-color:var(--orange);outline:none}.txns__search-input::placeholder{color:var(--text-muted)}.txns__status-filter{color:var(--text-muted);align-items:center;gap:8px;display:flex}.txns__status-select{border:1.5px solid var(--border);border-radius:var(--radius-md);height:38px;font-size:var(--text-sm);color:var(--text-primary);background:var(--white);cursor:pointer;padding:0 12px}.txns__status-select:focus{border-color:var(--orange);outline:none}.txns-table-wrap{overflow-x:auto}.txns-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.txns-table th{text-align:left;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:10px 20px;font-weight:600}.txns-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:14px 20px}.txns-table tr:last-child td{border-bottom:none}.txns-table tr:hover td{background:var(--bg)}.txn-id{font-family:monospace;font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-alt);border-radius:4px;padding:2px 6px}.txn-type-pill{color:var(--text-primary);font-weight:500}.txn-amount{font-weight:600}.txns-mobile{display:none}@media (width<=640px){.txns-table-wrap{display:none}.txns-mobile{flex-direction:column;display:flex}.txns-mobile__item{border-bottom:1px solid var(--border-light);padding:14px 16px}.txns-mobile__item:last-child{border-bottom:none}.txns-mobile__top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.txns-mobile__id{font-size:var(--text-xs);color:var(--text-muted);margin-top:3px;font-family:monospace}.txns-mobile__right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.txns-mobile__meta{font-size:var(--text-xs);color:var(--text-muted);gap:12px;display:flex}}.txns__footer{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px 16px;display:flex}.txns__count{font-size:var(--text-sm);color:var(--text-muted)}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.field__required{color:var(--error)}.field__input{border:1.5px solid var(--border);border-radius:var(--radius-md);height:44px;font-size:var(--text-base);color:var(--text-primary);background:var(--white);transition:border-color var(--transition), box-shadow var(--transition);width:100%;padding:0 14px}.field__input::placeholder{color:var(--text-muted)}.field__input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-muted);outline:none}.field__input--error{border-color:var(--error)}.field__input--error:focus{box-shadow:0 0 0 3px #dc26261a}.field__error{font-size:var(--text-sm);color:var(--error)}.field__hint{font-size:var(--text-sm);color:var(--text-muted)}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;animation:.2s slideUp;overflow-y:auto}.modal--sm{max-width:420px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal__header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal__title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.modal__close{background:var(--bg-alt);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition);border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--border);color:var(--text-primary)}.modal__body{padding:20px 24px 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header__nav{gap:10px;margin-bottom:12px;display:flex}.nav-btn{font-size:var(--text-sm);color:var(--text-secondary);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:inline-flex}.nav-btn:hover{color:var(--text-primary);background:var(--bg);border-color:#d4d4d4}.withdraw__layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}@media (width<=900px){.withdraw__layout{grid-template-columns:1fr}.withdraw__sidebar{order:-1}}.withdraw__balance-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.withdraw__balance-icon{border-radius:var(--radius-lg);background:var(--orange-mid);width:52px;height:52px;color:var(--orange);flex-shrink:0;justify-content:center;align-items:center;display:flex}.withdraw__balance-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:4px}.withdraw__balance-value{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.5px;font-weight:700}.withdraw__locked{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--warning);align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex}.withdraw__locked svg{flex-shrink:0;margin-top:2px}.withdraw__form{flex-direction:column;gap:18px;display:flex}.withdraw__summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.withdraw__summary-row{border-bottom:1px solid var(--border-light);font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.withdraw__summary-row:last-child{border-bottom:none;padding-bottom:0}.withdraw__summary-row span{color:var(--text-secondary)}.withdraw__summary-divider{background:var(--border);height:1px;margin:4px 0}.withdraw__summary-row--total{font-size:var(--text-base)}.withdraw__summary-row--total span,.withdraw__summary-row--total strong{color:var(--text-primary)}.withdraw__notice{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--warning);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.withdraw__notice svg{flex-shrink:0;margin-top:1px}.withdraw__success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;display:flex}.withdraw__success h2{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.withdraw__success p{font-size:var(--text-base);color:var(--text-secondary);max-width:380px;line-height:1.6}.withdraw__history{flex-direction:column;gap:0;display:flex}.withdraw__history-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.withdraw__history-item:last-child{border-bottom:none;padding-bottom:0}.withdraw__history-info{flex-direction:column;gap:2px;display:flex}.withdraw__history-amount{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.withdraw__history-meta{font-size:var(--text-xs);color:var(--text-muted)}.withdraw__policy{flex-direction:column;gap:10px;list-style:none;display:flex}.withdraw__policy li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:16px;position:relative}.withdraw__policy li:before{content:"·";color:var(--orange);font-weight:700;position:absolute;left:0}.profile__layout{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.profile__layout{grid-template-columns:1fr}}.profile__avatar-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.profile__avatar{margin-bottom:4px;display:inline-block;position:relative}.profile__avatar-img{background:var(--orange-mid);width:80px;height:80px;color:var(--orange);font-size:var(--text-2xl);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.profile__avatar-btn{background:var(--orange);color:#fff;border:2px solid var(--white);width:26px;height:26px;transition:background var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.profile__avatar-btn:hover{background:var(--orange-dark)}.profile__name{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.profile__email{font-size:var(--text-sm);color:var(--text-secondary)}.profile__meta{flex-direction:column;gap:4px;margin-top:8px;display:flex}.profile__meta span{font-size:var(--text-xs);color:var(--text-muted)}.profile__tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:20px;padding-bottom:0;display:flex;overflow-x:auto}.profile__tabs::-webkit-scrollbar{display:none}.profile__tab{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 16px;font-weight:500;display:flex}.profile__tab:hover{color:var(--text-primary)}.profile__tab--active{color:var(--orange);border-bottom-color:var(--orange)}.profile__form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.profile__form-grid--single{grid-template-columns:1fr}@media (width<=600px){.profile__form-grid{grid-template-columns:1fr}}.profile__saved-msg{font-size:var(--text-sm);color:var(--success);margin-bottom:12px;font-weight:500}.profile__security{flex-direction:column;gap:20px;display:flex}.tfa-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tfa-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:4px;font-weight:500}.tfa-desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:380px}.session-item{align-items:center;gap:12px;display:flex}.session-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.session-dot--active{background:var(--success)}.session-device{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.session-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.account-info{flex-direction:column;gap:0;display:flex}.account-info__row{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.account-info__row:last-child{border-bottom:none;padding-bottom:0}.account-info__label{font-size:var(--text-sm);color:var(--text-secondary)}.account-info__value{font-size:var(--text-sm);color:var(--text-primary);text-align:right;font-weight:500}.select__wrap{position:relative}.select__input{appearance:none;cursor:pointer;padding-right:40px}.select__arrow{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.support__layout{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}@media (width<=1024px){.support__layout{grid-template-columns:1fr}}.support__form{flex-direction:column;gap:18px;display:flex}.support__textarea{resize:vertical;height:auto;padding:10px 14px}.support__attach{border:1.5px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition);align-items:center;gap:10px;padding:12px 16px;display:flex}.support__attach:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-light)}.support__success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.support__success h3{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.support__success p{font-size:var(--text-base);color:var(--text-secondary);max-width:360px;line-height:1.6}.faq-section{margin-bottom:20px}.faq-section:last-child{margin-bottom:0}.faq-category{font-size:var(--text-sm);color:var(--orange);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-weight:700}.faq-item{border-bottom:1px solid var(--border-light)}.faq-item:last-child{border-bottom:none}.faq-question{text-align:left;width:100%;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-weight:500;display:flex}.faq-question:hover{color:var(--orange)}.faq-question svg{color:var(--text-muted);flex-shrink:0}.faq-answer{font-size:var(--text-sm);color:var(--text-secondary);padding:0 0 14px;line-height:1.65}.notif__card{overflow:hidden}.notif__header{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.notif__tabs{gap:4px;display:flex}.notif__tab{font-size:var(--text-sm);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition);background:0 0;border:1.5px solid #0000;align-items:center;gap:6px;padding:7px 16px;font-weight:500;display:flex}.notif__tab:hover{background:var(--bg-alt);color:var(--text-primary)}.notif__tab--active{background:var(--orange-mid);color:var(--orange-dark);border-color:var(--orange-mid)}.notif__badge{background:var(--orange);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:700}.notif__list{flex-direction:column;display:flex}.notif__item{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--transition);align-items:flex-start;gap:14px;padding:16px 20px;display:flex;position:relative}.notif__item:last-child{border-bottom:none}.notif__item:hover{background:var(--bg)}.notif__item--unread{background:var(--orange-light)}.notif__item--unread:hover{background:#fff7ed}.notif__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notif__content{flex:1;min-width:0}.notif__top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.notif__title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.notif__time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.notif__message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.notif__dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}@media (width<=480px){.notif__item{gap:12px;padding:14px 16px}.notif__icon{width:36px;height:36px}}.auth-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.auth-container{flex:1;justify-content:center;align-items:center;padding:40px 16px;display:flex}.auth-container--wide .auth-card{max-width:560px}.auth-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-md);padding:40px}@media (width<=480px){.auth-card{border-radius:var(--radius-lg);padding:28px 20px}}.auth-header{margin-bottom:28px}.auth-title{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.3px;margin-bottom:6px;font-weight:700}.auth-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=520px){.auth-form-grid{grid-template-columns:1fr}}.auth-pw-label{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.auth-pw-label .field__label{margin-bottom:0}.auth-checkbox{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:10px;display:flex}.auth-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--orange);cursor:pointer;flex-shrink:0;margin-top:1px}.auth-link{color:var(--orange);transition:color var(--transition);font-weight:500}.auth-link:hover{color:var(--orange-dark)}.auth-link--sm{font-size:var(--text-sm)}.auth-footer-text{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);margin-top:24px}.auth-back{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition);align-items:center;gap:6px;margin-bottom:24px;font-weight:500;display:inline-flex}.auth-back:hover{color:var(--text-primary)}.auth-resend{font-size:var(--text-sm);color:var(--orange);cursor:pointer;text-align:center;transition:color var(--transition);background:0 0;border:none}.auth-resend:hover{color:var(--orange-dark)}.auth-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.auth-success h2{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.auth-success p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.pw-wrap{position:relative}.pw-wrap .field__input{padding-right:44px}.pw-toggle{color:var(--text-muted);transition:color var(--transition);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text-primary)}.error-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.error-page__content{text-align:center;max-width:480px}.error-page__code{color:var(--border);letter-spacing:-4px;background:linear-gradient(135deg, var(--orange-mid), var(--border));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:96px;font-weight:800;line-height:1}.error-page__title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:12px;font-weight:700}.error-page__desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.error-page__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}