:root{--brand:#c7a879;--brand-dark:#8f6f3f;--brand-light:#f7f1e8;--brand-mid:#e5d2b3;--white:#fff;--black:#000;--page-bg:#f8f5ef;--surface:#fff;--surface-soft:#fbf8f2;--surface-blue:#f7f1e8;--border:#e7dccb;--border-soft:#f0e7da;--border-hover:#c7a879;--text:#2b241b;--text2:#5f5141;--muted:#8a7a66;--muted-light:#b9aa93;--success-bg:#edf5e6;--success-text:#3b6d11;--warning-bg:#faeeda;--warning-text:#854f0b;--danger-bg:#fcebeb;--danger-text:#a32d2d;--info-bg:#f7f1e8;--info-text:#8f6f3f;--status-new-bg:#f7f1e8;--status-new-text:#8f6f3f;--status-open-bg:#f3eadb;--status-open-text:#7a5a2f;--status-progress-bg:#faeeda;--status-progress-text:#854f0b;--status-resolved-bg:#edf5e6;--status-resolved-text:#3b6d11;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:26px;--font-size-4xl:30px;--font-size-5xl:38px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-0.03em;--letter-spacing-wide:0.04em;--space-0:0;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:18px;--space-9:20px;--space-10:22px;--space-11:24px;--space-12:26px;--space-13:28px;--space-14:30px;--space-15:32px;--space-16:36px;--space-17:40px;--space-18:48px;--space-19:56px;--space-20:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:30px;--radius-pill:999px;--shadow-soft:0 6px 18px #0f172a0a;--shadow-card:0 10px 28px #0f172a0d;--shadow-hover:0 16px 40px #0f172a14;--shadow-float:0 18px 48px #0f172a14;--container-max:1440px;--content-max:1180px;--sidebar-w:208px;--sidebar-w-collapsed:72px;--topbar-h:54px;--page-padding:24px;--page-padding-md:20px;--page-padding-sm:16px;--page-padding-xs:14px;--card-bg:var(--surface);--card-border:var(--border);--card-radius:var(--radius-2xl);--card-radius-lg:var(--radius-3xl);--card-padding:22px;--card-padding-lg:26px;--card-gap:20px;--card-shadow:var(--shadow-card);--btn-height:42px;--btn-height-sm:34px;--btn-padding-x:16px;--btn-padding-y:8px;--btn-gap:6px;--btn-font-size:var(--font-size-md);--btn-font-weight:var(--font-weight-medium);--btn-radius:var(--radius-md);--btn-transition:.12s ease;--btn-primary-bg:var(--brand);--btn-primary-bg-hover:var(--brand-dark);--btn-primary-text:var(--white);--btn-ghost-bg:var(--surface);--btn-ghost-bg-hover:var(--page-bg);--btn-ghost-text:var(--text2);--btn-ghost-border:var(--border);--input-height:42px;--input-padding-x:10px;--input-padding-y:8px;--input-radius:var(--radius-md);--input-border:var(--border);--input-border-focus:var(--brand);--input-bg:var(--surface);--input-font-size:var(--font-size-md);--label-font-size:var(--font-size-sm);--label-font-weight:var(--font-weight-medium);--badge-font-size:var(--font-size-xs);--badge-font-weight:var(--font-weight-medium);--badge-padding-y:3px;--badge-padding-x:9px;--badge-radius:var(--radius-pill);--icon-box-sm:34px;--icon-box-md:42px;--icon-box-lg:52px;--icon-box-xl:58px;--avatar-sm:30px;--avatar-md:36px;--avatar-lg:54px;--avatar-xl:86px;--attachment-size:112px;--attachment-size-sm:96px;--attachment-radius:var(--radius-xl);--timeline-dot:10px;--timeline-line-w:1px;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.24s ease;--z-topbar:100;--z-overlay:199;--z-sidebar:200;--breakpoint-sm:575.98px;--breakpoint-md:767.98px;--breakpoint-lg:991.98px;--breakpoint-xl:1199.98px;--breakpoint-xxl:1399.98px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f8f5ef;background:var(--page-bg);color:#2b241b;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-base)}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit}.app-shell{background:#f8f5ef;background:var(--page-bg);display:flex;min-height:100vh}.app-shell__main{display:flex;flex:1 1;flex-direction:column;margin-left:208px;margin-left:var(--sidebar-w);min-width:0;transition:margin-left .18s ease;transition:margin-left var(--transition-base)}.app-shell__content{background:#f8f5ef;background:var(--page-bg);flex:1 1;min-height:calc(100vh - 54px);min-height:calc(100vh - var(--topbar-h));overflow-y:auto;padding:24px;padding:var(--page-padding)}@media(max-width:991.98px){.app-shell__content{padding:20px;padding:var(--page-padding-md)}}@media(max-width:767.98px){.app-shell__main{margin-left:0!important}.app-shell__content{padding:16px;padding:var(--page-padding-sm)}}@media(max-width:575.98px){.app-shell__content{padding:14px;padding:var(--page-padding-xs)}}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e7dccb;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;overflow:visible;position:fixed;top:0;transition:width .2s,transform .2s;width:208px;width:var(--sidebar-w);z-index:200}.sidebar--collapsed{width:60px}.sidebar--collapsed~.app-shell__main{margin-left:60px}.sidebar-overlay{display:none}.sidebar__header{align-items:center;border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:56px;padding:14px 12px 10px;position:relative}.sidebar__brand{align-items:center;display:flex;gap:9px}.sidebar__brand-text{display:flex;flex-direction:column}.sidebar__brand-name{color:#2b241b;color:var(--text);font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.2}.sidebar__brand-site{color:#8a7a66;color:var(--muted);letter-spacing:.03em}.sidebar__brand-site,.sidebar__logo-icon{font-size:11px;font-size:var(--font-size-xs)}.sidebar__logo-icon{align-items:center;background:#c7a879;background:var(--brand);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--surface);display:flex;flex-shrink:0;font-weight:700;font-weight:var(--font-weight-bold);height:30px;justify-content:center;width:30px}.sidebar__logo-icon--solo{margin:0 auto}.sidebar__collapse-btn{align-items:center;background:#fff;background:var(--surface);border:0;border-radius:8px;border-radius:var(--radius-sm);color:#8a7a66;color:var(--muted);display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.sidebar--collapsed .sidebar__collapse-btn{border:0;border-right:1px solid var(--border)}.sidebar__collapse-btn:hover{background:#f8f5ef;background:var(--page-bg);color:#2b241b;color:var(--text)}@media(max-width:720px){.sidebar__collapse-btn{display:none}}.sidebar__site-badge{align-items:center;border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);color:#8a7a66;color:var(--muted);display:flex;font-size:12px;font-size:var(--font-size-sm);gap:7px;padding:8px 12px}.sidebar__site-dot{border-radius:999px;border-radius:var(--radius-pill);flex-shrink:0;height:7px;width:7px}.site-dot--site-blue{background:#c7a879;background:var(--brand)}.site-dot--site-green{background:#3b6d11;background:var(--success-text)}.site-dot--site-amber{background:#854f0b;background:var(--warning-text)}.site-dot--site-purple{background:#3c3489}.sidebar__site-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__new-ticket{padding:10px 10px 4px}.sidebar__new-btn{align-items:center;background:#c7a879;background:var(--brand);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--surface);display:flex;font-size:13px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);gap:7px;justify-content:center;padding:8px 12px;transition:background .15s;width:100%}.sidebar__new-btn:hover{background:#8f6f3f;background:var(--brand-dark)}.sidebar__new-btn--icon{justify-content:center;padding:8px}.sidebar__nav{flex:1 1;padding:6px 0}.sidebar__group{margin-bottom:2px}.sidebar__group-title{color:#b9aa93;color:var(--muted-light);font-size:10px;font-size:var(--font-size-2xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.07em;padding:10px 14px 4px;text-transform:uppercase}.sidebar__group-divider{background:#e7dccb;background:var(--border);height:1px;margin:8px 10px}.sidebar__menu{display:flex;flex-direction:column;gap:1px;padding:0 8px}.sidebar__item{border-radius:12px;border-radius:var(--radius-md);color:#5f5141;color:var(--text2);font-size:13px;font-size:var(--font-size-md);gap:9px;padding:8px 10px;transition:background .12s,color .12s;white-space:nowrap}.sidebar__item:hover{background:#f7f1e8;background:var(--surface-blue);color:#2b241b;color:var(--text)}.sidebar__item--active{background:#f7f1e8;background:var(--brand-light);color:#c7a879;color:var(--brand);font-weight:500;font-weight:var(--font-weight-medium)}.sidebar__item-icon{flex-shrink:0}.sidebar__lang{border-top:1px solid #e7dccb;border-top:1px solid var(--border);display:flex;justify-content:center;padding:8px 12px}@media(max-width:767.98px){.topbar .lang-toggle{display:none}.sidebar__lang{display:flex}}.sidebar__footer{display:flex;flex-direction:column;gap:4px;padding:10px 8px}.sidebar__profile{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#2b241b;color:var(--text);display:flex;gap:9px;padding:8px}.sidebar__profile:hover{background:#f8f5ef;background:var(--page-bg)}.sidebar__user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar__name{font-size:13px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium)}.sidebar__email,.sidebar__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__email{color:#8a7a66;color:var(--muted)}.sidebar__avatar,.sidebar__email{font-size:11px;font-size:var(--font-size-xs)}.sidebar__avatar{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:999px;border-radius:var(--radius-pill);color:#8f6f3f;color:var(--brand-dark);display:flex;flex-shrink:0;font-weight:600;font-weight:var(--font-weight-semibold);height:30px;justify-content:center;width:30px}.sidebar__avatar--center{margin:0 auto}.sidebar__logout{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#8a7a66;color:var(--muted);display:flex;font-size:13px;font-size:var(--font-size-md);gap:7px;padding:7px 10px;width:100%}.sidebar__logout:hover{background:#fff5f5;color:#a32d2d;color:var(--danger-text)}.sidebar__logout--icon{justify-content:center;padding:7px}.sidebar__item{align-items:center;display:flex;justify-content:space-between}.sidebar__notif-badge{font-weight:700;font-weight:var(--font-weight-bold)}.sidebar{height:100vh}.sidebar__footer,.sidebar__header,.sidebar__lang,.sidebar__new-ticket,.sidebar__site-badge{flex-shrink:0}.sidebar__nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 0 12px}.sidebar__nav::-webkit-scrollbar{width:5px}.sidebar__nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border-radius:var(--radius-pill)}.sidebar__footer{background:#fff;background:var(--surface);border-top:1px solid #e7dccb;border-top:1px solid var(--border);margin-top:auto}.sidebar__item{min-height:40px}.sidebar__item-left{align-items:center;display:flex;gap:9px;min-width:0}.sidebar__icon-wrap{align-items:center;display:flex;justify-content:center;position:relative}.sidebar__notif-dot{border:2px solid #fff;border:2px solid var(--surface);border-radius:999px;border-radius:var(--radius-pill);height:7px;position:absolute;right:-3px;top:-2px;width:7px}.sidebar__notif-badge,.sidebar__notif-dot{background:#a32d2d;background:var(--danger-text)}.sidebar__notif-badge{align-items:center;border-radius:999px;border-radius:var(--radius-pill);color:#fff;color:var(--surface);display:inline-flex;flex-shrink:0;font-size:10px;font-size:var(--font-size-2xs);font-weight:800;font-weight:var(--font-weight-black);height:18px;justify-content:center;min-width:18px;padding:0 5px}@media(max-width:767.98px){.sidebar{max-height:100vh;width:min(86vw,208px);width:min(86vw,var(--sidebar-w))}.sidebar__lang{display:flex}.sidebar__footer{bottom:0;position:-webkit-sticky;position:sticky;z-index:2}}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);height:54px;height:var(--topbar-h);justify-content:space-between;padding:0 22px;padding:0 var(--space-10);position:-webkit-sticky;position:sticky;top:0;z-index:100;z-index:var(--z-topbar)}.topbar,.topbar__left{align-items:center;display:flex}.topbar__left{gap:12px;gap:var(--space-5);min-width:0}.topbar__menu-btn{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#5f5141;color:var(--text2);display:none;height:42px;height:var(--icon-box-md);justify-content:center;width:42px;width:var(--icon-box-md)}.topbar__menu-btn:hover{background:#f8f5ef;background:var(--page-bg);color:#2b241b;color:var(--text)}.topbar__site-name{color:#2b241b;color:var(--text);font-size:14px;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__right{align-items:center;display:flex;gap:10px;gap:var(--space-4)}.topbar__icon-btn{align-items:center;border-radius:999px;border-radius:var(--radius-pill);color:#8a7a66;color:var(--muted);display:flex;height:36px;height:var(--avatar-md);justify-content:center;position:relative;transition:background .12s ease,color .12s ease;transition:background var(--transition-fast),color var(--transition-fast);width:36px;width:var(--avatar-md)}.topbar__icon-btn:hover{background:#f8f5ef;background:var(--page-bg);color:#2b241b;color:var(--text)}.topbar__notif-dot{background:#a32d2d;background:var(--danger-text);border:2px solid #fff;border:2px solid var(--surface);border-radius:999px;border-radius:var(--radius-pill);height:8px;height:var(--space-3);position:absolute;right:8px;right:var(--space-3);top:6px;top:var(--space-2);width:8px;width:var(--space-3)}.topbar__avatar{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:999px;border-radius:var(--radius-pill);color:#8f6f3f;color:var(--brand-dark);display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:800;font-weight:var(--font-weight-black);height:36px;height:var(--avatar-md);justify-content:center;width:36px;width:var(--avatar-md)}@media(max-width:767.98px){.topbar{padding:0 14px;padding:0 var(--space-6)}.topbar__menu-btn{display:flex}.topbar .lang-toggle{display:none}.topbar__site-name{max-width:210px}}@media(max-width:575.98px){.topbar__site-name{max-width:180px}.topbar__right{gap:6px;gap:var(--space-2)}}.app-container{margin:0 auto;max-width:1440px;max-width:var(--container-max);width:100%}.page--wide{max-width:1180px;max-width:var(--content-max)}@media(max-width:767.98px){.sidebar{transform:translateX(-100%)}.sidebar--open{height:100vh;position:fixed;transform:translateX(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;display:block;inset:0;position:fixed;z-index:199}.topbar__menu-btn{display:flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row,.info-grid{grid-template-columns:1fr}.profile-card{align-items:flex-start;flex-direction:column}}@media(max-width:575.98px){.stat-grid{grid-template-columns:1fr}.tab-bar{overflow-x:auto}}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--btn-radius);cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--btn-font-size);font-weight:500;font-weight:var(--btn-font-weight);gap:6px;gap:var(--btn-gap);justify-content:center;min-height:42px;min-height:var(--btn-height);padding:8px 16px;padding:var(--btn-padding-y) var(--btn-padding-x);transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;transition:background var(--btn-transition),border-color var(--btn-transition),color var(--btn-transition),box-shadow var(--btn-transition)}.btn--primary{background:#c7a879;background:var(--btn-primary-bg);color:#fff;color:var(--btn-primary-text)}.btn--primary:hover{background:#8f6f3f;background:var(--btn-primary-bg-hover);color:#fff;color:var(--white)}.btn--ghost{background:#fff;background:var(--btn-ghost-bg);border:1px solid #e7dccb;border:1px solid var(--btn-ghost-border);color:#5f5141;color:var(--btn-ghost-text)}.btn--ghost:hover{background:#f8f5ef;background:var(--btn-ghost-bg-hover)}.btn--full{width:100%}.btn--sm{min-height:var(--btn-height-sm);padding:0 var(--space-5)}.card{background:#fff;background:var(--card-bg);border:1px solid #e7dccb;border:1px solid var(--card-border);border-radius:24px;border-radius:var(--card-radius);box-shadow:0 6px 18px #0f172a0a;box-shadow:var(--shadow-soft);padding:22px;padding:var(--card-padding)}.card,.form-group{margin-bottom:14px;margin-bottom:var(--space-6)}.form-row{grid-gap:12px;grid-gap:var(--space-5);display:grid;gap:12px;gap:var(--space-5);grid-template-columns:1fr 1fr}.form-label{color:#5f5141;color:var(--text2);display:block;font-size:12px;font-size:var(--label-font-size);font-weight:500;font-weight:var(--label-font-weight);margin-bottom:6px;margin-bottom:var(--space-2)}.form-input,.form-select{background:#fff;background:var(--input-bg);border:1px solid #e7dccb;border:1px solid var(--input-border);border-radius:12px;border-radius:var(--input-radius);color:#2b241b;color:var(--text);font-size:13px;font-size:var(--input-font-size);min-height:42px;min-height:var(--input-height);padding:8px 10px;padding:var(--input-padding-y) var(--input-padding-x);width:100%}.form-input:focus,.form-select:focus{border-color:#c7a879;border-color:var(--input-border-focus);outline:none}.form-input[readOnly]{opacity:.5}.form-textarea{background:#fff;background:var(--input-bg);border:1px solid #e7dccb;border:1px solid var(--input-border);border-radius:12px;border-radius:var(--input-radius);color:#2b241b;color:var(--text);font-size:13px;font-size:var(--input-font-size);min-height:80px;padding:8px 10px;padding:var(--input-padding-y) var(--input-padding-x);resize:vertical;width:100%}.form-textarea:focus{border-color:#c7a879;border-color:var(--input-border-focus);outline:none}.form-actions{display:flex;gap:8px;gap:var(--space-3);justify-content:flex-end;margin-top:6px;margin-top:var(--space-2)}.priority-group{display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-2)}.priority-btn{align-items:center;border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#5f5141;color:var(--text2);cursor:pointer;display:flex;font-size:13px;font-size:var(--font-size-md);gap:4px;gap:var(--space-1);padding:6px 12px;padding:var(--space-2) var(--space-5);transition:border-color .12s ease,background .12s ease,color .12s ease;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.priority-btn input{display:none}.priority-btn--active{background:#f7f1e8;background:var(--brand-light);border-color:#c7a879;border-color:var(--brand);color:#c7a879;color:var(--brand);font-weight:500;font-weight:var(--font-weight-medium)}.attach-box{align-items:center;border:1px dashed #e7dccb;border:1px dashed var(--border);border-radius:12px;border-radius:var(--radius-md);color:#8a7a66;color:var(--muted);display:flex;flex-direction:column;font-size:13px;font-size:var(--font-size-md);gap:4px;gap:var(--space-1);margin-bottom:14px;margin-bottom:var(--space-6);padding:16px;padding:var(--space-7);text-align:center}.attach-box__icon{color:#b9aa93;color:var(--muted-light)}.attach-box__hint{font-size:11px;font-size:var(--font-size-xs)}.status-badge{border-radius:999px;border-radius:var(--badge-radius);flex-shrink:0;font-size:11px;font-size:var(--badge-font-size);font-weight:500;font-weight:var(--badge-font-weight);padding:3px 9px;padding:var(--badge-padding-y) var(--badge-padding-x);white-space:nowrap}.badge--new{background:#f7f1e8;background:var(--status-new-bg);color:#8f6f3f;color:var(--status-new-text)}.badge--open{background:#f3eadb;background:var(--status-open-bg);color:#7a5a2f;color:var(--status-open-text)}.badge--progress{background:#faeeda;background:var(--status-progress-bg);color:#854f0b;color:var(--status-progress-text)}.badge--resolved{background:#edf5e6;background:var(--status-resolved-bg);color:#3b6d11;color:var(--status-resolved-text)}.tab-bar{border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);display:flex;margin-bottom:14px;margin-bottom:var(--space-6)}.tab-bar__tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#8a7a66;color:var(--muted);font-size:13px;font-size:var(--font-size-md);margin-bottom:-1px;padding:8px 14px;padding:var(--space-3) var(--space-6);white-space:nowrap}.tab-bar__tab--active{border-bottom-color:#c7a879;border-bottom-color:var(--brand);color:#c7a879;color:var(--brand);font-weight:500;font-weight:var(--font-weight-medium)}.lang-toggle{border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;overflow:hidden}.lang-toggle__btn{background:#fff;background:var(--surface);border:none;color:#8a7a66;color:var(--muted);font-size:11px;font-size:var(--font-size-xs);padding:10px 15px;transition:background .12s,color .12s}.lang-toggle__btn--active{background:#c7a879;background:var(--brand);color:#fff;color:var(--surface)}.lang-toggle__btn:hover:not(.lang-toggle__btn--active){background:#f8f5ef;background:var(--page-bg)}.search-bar{margin-bottom:12px;margin-bottom:var(--space-5);position:relative}.search-bar__icon{color:#b9aa93;color:var(--muted-light);left:10px;left:var(--space-4);position:absolute;top:50%;transform:translateY(-50%)}.search-bar__input{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#2b241b;color:var(--text);font-size:13px;font-size:var(--font-size-md);padding:8px 12px 8px 32px;padding:var(--space-3) var(--space-5) var(--space-3) var(--space-15);width:100%}.search-bar__input:focus{border-color:#c7a879;border-color:var(--brand);outline:none}.timeline{display:flex;flex-direction:column}.timeline__item{display:flex;gap:12px;padding-bottom:16px}.timeline__track{align-items:center;display:flex;flex-direction:column}.timeline__dot{border-radius:999px;border-radius:var(--radius-pill);flex-shrink:0;height:10px;margin-top:3px;width:10px}.timeline__line{background:#e7dccb;background:var(--border);flex:1 1;margin-top:4px;width:1px}.timeline__body{flex:1 1}.timeline__label{color:#2b241b;color:var(--text);font-weight:500;font-weight:var(--font-weight-medium)}.timeline__label,.timeline__message{font-size:13px;font-size:var(--font-size-md)}.timeline__message{background:#f7f1e8;background:var(--surface-blue);border-radius:12px;border-radius:var(--radius-md);color:#5f5141;color:var(--text2);line-height:1.5;margin-top:4px;padding:8px 10px}.timeline__time{color:#b9aa93;color:var(--muted-light);font-size:11px;font-size:var(--font-size-xs);margin-top:3px}.link{color:#c7a879;color:var(--brand);cursor:pointer}.link:hover{text-decoration:underline}.link--sm{font-size:13px;font-size:var(--font-size-md)}.empty-state{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);padding:32px;padding:var(--space-15);text-align:center}.dashboard-page{margin:0 auto;max-width:1180px}.page--card-fill .section__title{font-size:18px;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em}.dashboard-hero-card{align-items:center;background:linear-gradient(135deg,#c7a879,#8f6f3f);background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-radius:30px;border-radius:var(--radius-3xl);box-shadow:0 20px 45px #1a6fb538;color:#fff;color:var(--surface);display:flex;gap:24px;margin-bottom:28px;overflow:hidden;padding:30px 34px;position:relative}.dashboard-hero-card:after{background:#ffffff1a;border-radius:999px;border-radius:var(--radius-pill);content:"";height:190px;position:absolute;right:8%;top:-42px;width:190px}.dashboard-hero-card__avatar{align-items:center;background:#ffffff2e;border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:30px;font-size:var(--font-size-4xl);font-weight:800;font-weight:var(--font-weight-black);height:86px;justify-content:center;position:relative;width:86px;z-index:1}.dashboard-hero-card__content{flex:1 1;min-width:0;position:relative;z-index:1}.dashboard-hero-card__content h1{font-size:30px;font-size:var(--font-size-4xl);letter-spacing:-.04em;line-height:1.12;margin:0 0 8px}.dashboard-hero-card__content p{color:#ffffffdb;font-size:18px;font-size:var(--font-size-xl);line-height:1.35;margin:0;max-width:440px}.dashboard-hero-card__actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}.btn--glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff47;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--surface);font-size:16px;font-size:var(--font-size-lg);min-height:50px;padding:0 22px}.btn--glass:hover{background:#ffffff29}.btn--soft{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#c7a879;color:var(--brand)}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:34px}@media(max-width:991.98px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.stat-grid{grid-template-columns:1fr 1fr}}.stat-card{border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:16px;min-height:190px;padding:26px 28px}.stat-grid--filled .stat-card{background:#fff;background:var(--surface)}.stat-card__label{color:#2b241b;color:var(--text);font-size:14px;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold)}.stat-card__middle{align-items:center;border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);border-top:1px solid #e7dccb;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 0}.stat-card__icon{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:12px;border-radius:var(--radius-md);color:#c7a879;color:var(--brand);display:flex;height:54px;justify-content:center;width:54px}.stat-card__value{font-size:38px;font-size:var(--font-size-5xl);font-weight:800;font-weight:var(--font-weight-black);line-height:1}.stat-card__subtitle{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);margin-top:0}.val--blue{color:#c7a879;color:var(--brand)}.val--amber{color:#9a5b0b}.val--green{color:#3b6d11;color:var(--success-text)}.dashboard-action-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:34px}.dashboard-action-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0e6;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 14px 35px #0f172a0f;display:flex;gap:18px;padding:22px 26px;transition:transform .18s ease,box-shadow .18s ease}.dashboard-action-card:hover{box-shadow:0 18px 42px #0f172a17;transform:translateY(-2px)}.dashboard-action-card strong{color:#2b241b;color:var(--text);display:block;font-size:18px;font-size:var(--font-size-xl);margin-bottom:4px}@media(max-width:767.98px){.dashboard-action-card strong{color:#2b241b;color:var(--text);display:block;font-size:13px;font-size:var(--font-size-md);margin-bottom:4px}}.dashboard-action-card small{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base)}.dashboard-action-card__icon{align-items:center;background:#eef6ff;border-radius:12px;border-radius:var(--radius-md);color:#c7a879;color:var(--brand);display:flex;flex-shrink:0;font-size:34px;font-weight:300;height:60px;justify-content:center;width:60px}.section--filled{margin-bottom:20px}.section--filled .section__header{align-items:center;display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px;width:100%}.section--filled .section__header .section__title--view-all{justify-self:end}@media(max-width:960px){.dashboard-hero-card{align-items:flex-start;flex-direction:column;padding:26px}.dashboard-hero-card__actions{width:100%}.dashboard-hero-card__actions .btn{flex:1 1;justify-content:center}.dashboard-action-grid{grid-template-columns:1fr}}@media(max-width:720px){.dashboard-page{max-width:100%}.dashboard-hero-card{border-radius:16px;border-radius:var(--radius-lg);margin-bottom:20px;padding:22px}.dashboard-hero-card__avatar{border-radius:12px;border-radius:var(--radius-md);font-size:22px;font-size:var(--font-size-2xl);height:68px;width:68px}.dashboard-hero-card__content h1{font-size:26px;font-size:var(--font-size-3xl)}.dashboard-hero-card__content p{font-size:16px;font-size:var(--font-size-lg)}.stat-card{min-height:auto;padding:22px}.dashboard-action-card{padding:20px}}@media(max-width:767.98px){.section--filled .section__header{align-items:center;display:flex;gap:12px;gap:var(--space-5);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-5)}.section--filled .section__title{font-size:18px;font-size:var(--font-size-xl);white-space:nowrap}.section--filled .section__title--view-all{flex-shrink:0;font-size:12px;font-size:var(--font-size-sm);min-height:34px;min-height:var(--btn-height-sm);padding:0 12px;padding:0 var(--space-5);white-space:nowrap}.ticket-list--filled{gap:12px;gap:var(--space-5)}.ticket-list--filled .ticket-row{grid-gap:12px;grid-gap:var(--space-5);align-items:center;border-radius:24px;border-radius:var(--radius-2xl);display:grid;gap:12px;gap:var(--space-5);grid-template-columns:58px minmax(0,1fr) auto;grid-template-columns:var(--icon-box-xl) minmax(0,1fr) auto;min-height:auto;padding:16px;padding:var(--space-7)}.ticket-list--filled .ticket-row__icon{display:flex;grid-row:1/span 2;height:58px;height:var(--icon-box-xl);width:58px;width:var(--icon-box-xl)}.ticket-list--filled .ticket-row__body{display:flex;flex-direction:column;gap:4px;gap:var(--space-1);min-width:0}.ticket-list--filled .ticket-row__title{font-size:14px;font-size:var(--font-size-base);line-height:1.2;line-height:var(--line-height-tight);overflow:visible;text-overflow:clip;white-space:normal}.ticket-list--filled .ticket-row__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;font-size:var(--font-size-sm);gap:6px;gap:var(--space-2);line-height:1.5;line-height:var(--line-height-base);margin-top:4px;margin-top:var(--space-1)}.ticket-list--filled .ticket-row__meta,.ticket-list--filled .ticket-row__meta span{word-break:normal}.ticket-list--filled .ticket-row__id{color:#b9aa93;color:var(--muted-light);font-size:12px;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);justify-self:end;min-width:auto}.ticket-list--filled .status-badge{align-self:start;justify-self:end}}@media(max-width:575.98px){.ticket-list--filled .ticket-row{grid-template-columns:52px minmax(0,1fr);grid-template-columns:var(--icon-box-lg) minmax(0,1fr)}.ticket-list--filled .status-badge,.ticket-list--filled .ticket-row__id{grid-column:2;justify-self:start}}.ticket-list{display:flex;flex-direction:column;gap:7px}.ticket-row{align-items:center;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:11px 14px;transition:border-color .12s}.ticket-row:hover{border-color:#c7a879;border-color:var(--border-hover)}.ticket-row__id{color:#b9aa93;color:var(--muted-light);flex-shrink:0;font-size:11px;font-size:var(--font-size-xs);min-width:58px}.ticket-row__body{flex:1 1;min-width:0}.ticket-row__title{color:#2b241b;color:var(--text);font-size:13px;font-size:var(--font-size-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-row__meta{color:#b9aa93;color:var(--muted-light);font-size:11px;font-size:var(--font-size-xs);margin-top:2px}.breadcrumb{align-items:center;background:#0000;border:none;color:#8a7a66;color:var(--muted);display:flex;font-size:12px;font-size:var(--font-size-sm);gap:5px;margin-bottom:14px;padding:0}.breadcrumb:hover{color:#2b241b;color:var(--text)}.breadcrumb__sep{color:#cbd5e0}.breadcrumb__current{color:#2b241b;color:var(--text)}.ticket-detail__header{margin-bottom:12px}.ticket-detail__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.meta-text{color:#8a7a66;color:var(--muted);font-size:12px;font-size:var(--font-size-sm)}.progress-bar{background:#e7dccb;background:var(--border);margin:6px 0 18px}.progress-bar,.progress-bar__fill{border-radius:12px;border-radius:var(--radius-md);height:6px}.progress-bar__fill{background:#c7a879;background:var(--brand);transition:width .3s}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px}.info-card{background:#f7f1e8;background:var(--surface-blue);border-radius:12px;border-radius:var(--radius-md);padding:12px 14px}.info-card__label{color:#8a7a66;color:var(--muted);font-size:11px;font-size:var(--font-size-xs);margin-bottom:5px}.info-card__value{font-weight:500;font-weight:var(--font-weight-medium)}.info-card__assignee,.info-card__value{font-size:13px;font-size:var(--font-size-md)}.info-card__assignee{align-items:center;display:flex;gap:8px}.assignee-avatar{align-items:center;background:#e1f5ee;border-radius:999px;border-radius:var(--radius-pill);color:#085041;display:flex;font-size:10px;font-size:var(--font-size-2xs);font-weight:600;font-weight:var(--font-weight-semibold);height:24px;justify-content:center;width:24px}.ticket-detail-hero{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:18px;justify-content:space-between;margin-bottom:16px;padding:20px}.ticket-detail-hero__main{flex:1 1;min-width:0}.ticket-detail-hero__ref{color:#c7a879;color:var(--brand);font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:6px}.ticket-detail-hero__title{color:#2b241b;color:var(--text);font-size:22px;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:10px}.ticket-detail-hero__meta{align-items:center;color:#8a7a66;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;font-size:var(--font-size-sm);gap:8px}.ticket-detail-hero__status{align-self:stretch;background:#f7f1e8;background:var(--surface-blue);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:14px;width:210px}.ticket-detail-hero__status strong{color:#8f6f3f;color:var(--brand-dark);font-size:26px;font-size:var(--font-size-3xl);margin:4px 0 8px}.ticket-detail-hero__progress-label{color:#8a7a66;color:var(--muted);font-size:11px;font-size:var(--font-size-xs)}.progress-bar--compact{margin:0}.ticket-detail-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.ticket-detail-layout__main,.ticket-detail-layout__side{min-width:0}.ticket-section-card,.ticket-summary-card{margin-bottom:16px}.ticket-reply-box{min-height:110px}.timeline--card .timeline__item:last-child{padding-bottom:0}.timeline__dot--reply{background:#c7a879;background:var(--brand)}.timeline__dot--status{background:#854f0b;background:var(--warning-text)}.timeline__dot--created{background:#b9aa93;background:var(--muted-light)}.timeline__dot--resolved{background:#3b6d11;background:var(--success-text)}.summary-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.summary-list__item{background:#fbf8f2;background:var(--surface-soft);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:10px;padding:12px}.summary-list__icon{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:999px;border-radius:var(--radius-pill);color:#8f6f3f;color:var(--brand-dark);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.summary-list__label{color:#8a7a66;color:var(--muted);font-size:11px;font-size:var(--font-size-xs);margin-bottom:3px}.summary-list__value{color:#2b241b;color:var(--text);font-size:13px;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold)}.summary-list__value--capitalize{text-transform:capitalize}.ticket-list--filled{gap:14px}.ticket-row__icon{align-items:center;background:#eef6ff;border-radius:12px;border-radius:var(--radius-md);color:#c7a879;color:var(--brand);display:none;flex-shrink:0;font-size:22px;font-size:var(--font-size-2xl);height:56px;justify-content:center;width:56px}.ticket-row__side{align-items:flex-end;display:flex;gap:8px}.ticket-row--filled{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0e6;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 30px rgba(15,23,42,.055);min-height:88px;padding:18px 22px}.ticket-row--filled .ticket-row__icon{display:flex}.ticket-row--filled .ticket-row__title{color:#2b241b;color:var(--text);font-size:16px;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);white-space:normal}@media(max-width:767.98px){.ticket-row--filled .ticket-row__title{font-size:13px;font-size:var(--font-size-md)}}.ticket-row--filled .ticket-row__meta{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);margin-top:6px}.ticket-row--filled .ticket-row__id{color:#94a3b8;font-size:13px;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);min-width:auto}.ticket-row--filled .ticket-row__side{flex-direction:column;margin-left:auto}@media(max-width:720px){.ticket-row--filled{align-items:flex-start;gap:14px}.ticket-row--filled .ticket-row__side{align-items:center;flex-direction:row;justify-content:space-between;margin-left:0;width:100%}}.submitted-tickets-page{margin:auto;max-width:1180px}.submitted-tickets-hero{align-items:center;background:linear-gradient(135deg,#c7a879,#8f6f3f);background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-radius:30px;border-radius:var(--radius-3xl);color:#fff;color:var(--surface);display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;overflow:hidden;padding:24px 28px;position:relative}.submitted-tickets-hero:after{background:#ffffff1f;border-radius:999px;border-radius:var(--radius-pill);content:"";height:220px;position:absolute;right:-60px;top:-80px;width:220px}.submitted-tickets-hero__eyebrow{align-items:center;display:inline-flex;font-size:13px;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);gap:7px;margin-bottom:8px;opacity:.88}.submitted-tickets-hero__title{font-size:30px;font-size:var(--font-size-4xl);letter-spacing:-.03em;line-height:1.1;margin:0 0 6px}.submitted-tickets-hero__subtitle{color:#ffffffd1;font-size:14px;font-size:var(--font-size-base);margin:0;max-width:560px}.submitted-tickets-hero .btn{background:#fff;background:var(--surface);color:#8f6f3f;color:var(--brand-dark);position:relative;z-index:1}.submitted-tickets-toolbar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px}.submitted-tickets-search{align-items:center;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0f172a0a;color:#8a7a66;color:var(--muted);display:flex;gap:10px;min-height:48px;padding:0 16px}.submitted-tickets-search input{background:#0000;border:0;color:#2b241b;color:var(--text);outline:0;width:100%}.submitted-tickets-tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto}.submitted-tickets-tabs button{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#8a7a66;color:var(--muted);font-weight:700;font-weight:var(--font-weight-bold);padding:10px 16px;white-space:nowrap}.submitted-tickets-tabs button.is-active{background:#111827;border-color:#111827;color:#fff;color:var(--surface)}.submitted-ticket-list{display:flex;flex-direction:column;gap:14px}.submitted-ticket-card{grid-gap:16px;align-items:start;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 28px #0f172a0d;box-shadow:var(--shadow-card);cursor:pointer;display:grid;gap:16px;grid-template-columns:58px minmax(0,1fr) auto;padding:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.submitted-ticket-card:hover{border-color:#c7a879;border-color:var(--border-hover);box-shadow:0 16px 40px #0f172a14;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.submitted-ticket-card__icon{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:12px;border-radius:var(--radius-md);color:#c7a879;color:var(--brand);display:flex;height:58px;justify-content:center;width:58px}.submitted-ticket-card__body{min-width:0;padding-top:2px}.submitted-ticket-card__top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.submitted-ticket-card__ref{color:#c7a879;color:var(--brand);font-size:12px;font-size:var(--font-size-sm);font-weight:800;font-weight:var(--font-weight-black);margin-bottom:4px}.submitted-ticket-card h3{color:#2b241b;color:var(--text);font-size:16px;font-size:var(--font-size-lg);line-height:1.3;margin:0}@media(max-width:575.98px){.submitted-ticket-card h3{font-size:13px;font-size:var(--font-size-md)}}.submitted-ticket-card__meta{align-items:center;color:#8a7a66;color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;font-size:var(--font-size-md);gap:8px;margin-top:9px}.submitted-ticket-card__meta span{align-items:center;display:inline-flex;gap:4px}.submitted-ticket-card__meta span:not(:last-child):after{color:#cbd5e1;content:"•";margin-left:8px}.submitted-ticket-card__reply{align-items:center;background:#fbf8f2;background:var(--surface-soft);border-radius:8px;border-radius:var(--radius-sm);color:#5f5141;color:var(--text2);display:inline-flex;font-size:13px;font-size:var(--font-size-md);gap:7px;margin-top:12px;max-width:100%;padding:9px 12px}.submitted-ticket-card__reply span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submitted-ticket-card__arrow{align-items:center;background:#fbf8f2;background:var(--surface-soft);border-radius:999px;border-radius:var(--radius-pill);color:#8a7a66;color:var(--muted);display:flex;height:34px;justify-content:center;width:34px}@media(max-width:991.98px){.submitted-tickets-hero{align-items:flex-start;flex-direction:column}.submitted-tickets-toolbar{grid-template-columns:1fr}.submitted-tickets-filter{justify-content:center;width:100%}}@media(max-width:767.98px){.submitted-ticket-card{grid-template-columns:52px minmax(0,1fr)}.submitted-ticket-card__icon{border-radius:12px;border-radius:var(--radius-md);height:52px;width:52px}.submitted-ticket-card__arrow{display:none}.submitted-ticket-card__top{flex-direction:column;gap:10px}.submitted-ticket-card__reply{display:flex}.submitted-tickets-hero__title{font-size:26px;font-size:var(--font-size-3xl)}}@media(max-width:575.98px){.submitted-ticket-card{grid-template-columns:50px 1fr}.submitted-ticket-card__icon{height:48px;width:48px}}.ticket-detail-page{margin:auto;max-width:1180px}.ticket-detail-back{margin-bottom:16px}.ticket-detail-hero--standard{align-items:center;background:linear-gradient(135deg,#c7a879,#8f6f3f);background:linear-gradient(135deg,var(--brand),var(--brand-dark));border:0;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 18px 48px #0f172a14;box-shadow:var(--shadow-float);color:#fff;color:var(--surface);margin-bottom:20px;overflow:hidden;padding:26px 28px;position:relative}.ticket-detail-hero--standard:after{background:#ffffff1f;border-radius:999px;border-radius:var(--radius-pill);content:"";height:220px;position:absolute;right:-60px;top:-80px;width:220px}.ticket-detail-hero__icon{align-items:center;background:#ffffff29;border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:76px;justify-content:center;width:76px}.ticket-detail-hero--standard .ticket-detail-hero__main,.ticket-detail-hero__icon{position:relative;z-index:1}.ticket-detail-hero--standard .ticket-detail-hero__ref{color:#ffffffd1;font-size:13px;font-size:var(--font-size-md);font-weight:800;font-weight:var(--font-weight-black)}.ticket-detail-hero--standard .ticket-detail-hero__title{color:#fff;color:var(--surface);font-size:30px;font-size:var(--font-size-4xl);letter-spacing:-.03em;margin-bottom:10px}.ticket-detail-hero--standard .ticket-detail-hero__meta{color:#ffffffc7}.ticket-detail-hero--standard .ticket-detail-hero__status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff2e;border-radius:16px;border-radius:var(--radius-lg);position:relative;width:220px;z-index:1}.ticket-detail-hero--standard .ticket-detail-hero__status strong{color:#fff;color:var(--surface)}.ticket-detail-hero--standard .ticket-detail-hero__progress-label{color:#ffffffb8}.ticket-detail-hero--standard .progress-bar{background:#fff3}.ticket-detail-hero--standard .progress-bar__fill{background:#fff;background:var(--surface)}.ticket-detail-layout--standard{gap:20px;grid-template-columns:minmax(0,1fr) 340px}.ticket-section-card,.ticket-summary-card--standard{border:1px solid #e7dccb;border:1px solid var(--border);border-radius:30px;border-radius:var(--radius-3xl);box-shadow:0 10px 28px #0f172a0d;box-shadow:var(--shadow-card);padding:22px}.ticket-card-header{margin-bottom:18px}.ticket-card-header h2{font-size:18px;font-size:var(--font-size-xl);letter-spacing:-.02em}.ticket-card-header p{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);margin:6px 0 0}.ticket-timeline{gap:0}.ticket-timeline__item{padding-bottom:20px}.ticket-timeline__body{padding:0}.ticket-timeline .timeline__label{font-size:14px;font-size:var(--font-size-base);font-weight:800;font-weight:var(--font-weight-black)}.ticket-timeline .timeline__message{background:#fbf8f2;background:var(--surface-soft);border-radius:12px;border-radius:var(--radius-md);color:#5f5141;color:var(--text2);margin-top:8px;padding:14px 16px}.ticket-timeline .timeline__time{margin-top:7px}.ticket-reply-card .ticket-reply-box{border-radius:12px;border-radius:var(--radius-md);min-height:150px;padding:16px}.ticket-reply-actions{margin-top:14px}.ticket-summary-card--standard .section__title{font-size:18px;font-size:var(--font-size-xl);margin-bottom:16px}.ticket-summary-card--standard .summary-list{gap:14px}.ticket-summary-card--standard .summary-list__item{background:#fff;background:var(--surface);border:0;border-radius:12px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #e7dccb;box-shadow:inset 0 0 0 1px var(--border);gap:14px;padding:16px}.ticket-summary-card--standard .summary-list__icon{border-radius:12px;border-radius:var(--radius-md);color:#c7a879;color:var(--brand);height:52px;width:52px}.ticket-summary-card--standard .summary-list__label{font-size:12px;font-size:var(--font-size-sm)}.ticket-summary-card--standard .summary-list__value{font-size:14px;font-size:var(--font-size-base)}@media(max-width:991.98px){.ticket-detail-layout--standard{grid-template-columns:1fr}.ticket-detail-hero--standard{align-items:flex-start;flex-direction:column}.ticket-detail-hero--standard .ticket-detail-hero__status{width:100%}}@media(max-width:767.98px){.ticket-detail-hero--standard{border-radius:16px;border-radius:var(--radius-lg);padding:22px}.ticket-detail-hero--standard .ticket-detail-hero__title{font-size:26px;font-size:var(--font-size-3xl)}.ticket-section-card,.ticket-summary-card--standard{border-radius:16px;border-radius:var(--radius-lg);padding:20px}.ticket-reply-actions{flex-direction:column-reverse}.ticket-reply-actions .btn{justify-content:center;width:100%}}.ticket-attachments-card{margin-top:20px}.attachment-grid{grid-gap:16px;display:grid;gap:16px}.attachment-card{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0a;box-shadow:var(--shadow-soft);overflow:hidden}.attachment-preview{aspect-ratio:16/8;background:#f1f5f9;overflow:hidden}.attachment-preview img{display:block;height:100%;object-fit:cover;width:100%}.attachment-body{padding:18px}.attachment-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.attachment-type{color:#c7a879;color:var(--brand);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.attachment-size,.attachment-type{font-size:12px;font-size:var(--font-size-sm)}.attachment-size{color:#8a7a66;color:var(--muted)}.attachment-title{color:#2b241b;color:var(--text);font-size:18px;font-size:var(--font-size-xl);letter-spacing:-.02em;line-height:1.3;margin:0 0 14px}.attachment-footer{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.attachment-footer span{color:#8a7a66;color:var(--muted);font-size:13px;font-size:var(--font-size-md)}.attachment-actions{gap:10px}.attachment-document-icon{align-items:center;background:linear-gradient(135deg,#c7a879,#8f6f3f);background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;color:var(--surface);display:flex;font-size:38px;font-size:var(--font-size-5xl);font-weight:800;font-weight:var(--font-weight-black);justify-content:center;letter-spacing:-.03em;min-height:140px;width:100%}.btn--sm{font-size:13px;font-size:var(--font-size-md);min-height:36px;padding:0 14px}@media(max-width:767.98px){.attachment-footer{align-items:flex-start;flex-direction:column}.attachment-actions{width:100%}.attachment-actions .btn{flex:1 1;justify-content:center}.attachment-title{font-size:16px;font-size:var(--font-size-lg)}}.ticket-card-header--inline{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.attachment-count{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:999px;border-radius:var(--radius-pill);color:#8f6f3f;color:var(--brand-dark);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:800;font-weight:var(--font-weight-black);min-height:32px;padding:0 12px;white-space:nowrap}.attachment-list{display:flex;flex-direction:column;gap:12px}.attachment-item{grid-gap:14px;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);display:grid;gap:14px;grid-template-columns:56px minmax(0,1fr) auto;padding:14px}.attachment-item,.attachment-thumb{align-items:center;border-radius:12px;border-radius:var(--radius-md)}.attachment-thumb{display:flex;flex-shrink:0;font-size:11px;font-size:var(--font-size-xs);font-weight:800;font-weight:var(--font-weight-black);height:56px;justify-content:center;letter-spacing:.04em;width:56px}.attachment-thumb--image{background:#e8f2fb;color:#8f6f3f;color:var(--brand-dark)}.attachment-thumb--pdf{background:#faeeda;color:#854f0b}.attachment-content{min-width:0}.attachment-content h3{color:#2b241b;color:var(--text);font-size:14px;font-size:var(--font-size-base);margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-content p{color:#8a7a66;color:var(--muted);font-size:12px;font-size:var(--font-size-sm);line-height:1.4;margin:0}.attachment-actions{align-items:center;display:flex;gap:8px}.btn--sm{border-radius:12px;border-radius:var(--radius-md);font-size:12px;font-size:var(--font-size-sm);min-height:34px;padding:0 12px}.attachment-grid{display:flex;flex-direction:column;gap:12px}@media(max-width:767.98px){.ticket-card-header--inline{flex-direction:column}.attachment-item{align-items:start;grid-template-columns:48px minmax(0,1fr)}.attachment-thumb{border-radius:16px;border-radius:var(--radius-lg);height:48px;width:48px}.attachment-actions{grid-column:1/-1;width:100%}.attachment-actions .btn{flex:1 1;justify-content:center}}@media(max-width:575.98px){.attachment-item{grid-template-columns:1fr}.attachment-actions{flex-direction:column}.attachment-actions .btn{width:100%}}.ticket-attachments-card{overflow:visible}.ticket-attachments-card .ticket-card-header--inline{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.ticket-attachments-card .attachment-count{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:999px;border-radius:var(--radius-pill);color:#8f6f3f;color:var(--brand-dark);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:800;font-weight:var(--font-weight-black);min-height:32px;padding:0 12px;white-space:nowrap}.attachment-thumb-grid{grid-gap:14px;align-items:start;display:grid!important;gap:14px;grid-template-columns:repeat(auto-fill,minmax(112px,112px))}.attachment-thumb-card{background:#fbf8f2;background:var(--surface-soft);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 22px #0f172a0d;cursor:pointer;display:block;height:112px;overflow:hidden;padding:0;position:relative;width:112px}.attachment-thumb-card__preview{align-items:center;display:flex;font-size:22px;font-size:var(--font-size-2xl);font-weight:800;font-weight:var(--font-weight-black);height:100%;justify-content:center;letter-spacing:-.03em;width:100%}.attachment-thumb-card__preview img{height:100%;object-fit:cover;width:100%}.attachment-thumb-card__preview--pdf{background:linear-gradient(135deg,#faeeda,#fff 7ed);background:linear-gradient(135deg,#faeeda,var(--surface) 7ed);color:#854f0b}.attachment-thumb-card__overlay{background:linear-gradient(180deg,#0000,#0f172ac7);bottom:0;color:#fff;color:var(--surface);font-size:11px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);left:0;line-height:1.25;min-height:42px;opacity:0;padding:18px 8px 8px;position:absolute;right:0;text-align:left;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;word-break:break-word}.attachment-thumb-card:focus .attachment-thumb-card__overlay,.attachment-thumb-card:hover .attachment-thumb-card__overlay{opacity:1;transform:translateY(0)}.attachment-thumb-card__download{align-items:center;background:#fffffff2;border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 6px 18px #0f172a2e;color:#8f6f3f;color:var(--brand-dark);display:inline-flex;font-size:16px;font-size:var(--font-size-lg);font-weight:800;font-weight:var(--font-weight-black);height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;width:30px}.attachment-thumb-card:focus .attachment-thumb-card__download,.attachment-thumb-card:hover .attachment-thumb-card__download{opacity:1;transform:translateY(0)}.ticket-attachments-card .attachment-actions,.ticket-attachments-card .attachment-body,.ticket-attachments-card .attachment-card,.ticket-attachments-card .attachment-content,.ticket-attachments-card .attachment-document-icon,.ticket-attachments-card .attachment-item,.ticket-attachments-card .attachment-list,.ticket-attachments-card .attachment-preview,.ticket-attachments-card .attachment-thumb{all:unset}.ticket-attachments-card .attachment-thumb-grid,.ticket-attachments-card .attachment-thumb-grid *{box-sizing:border-box}@media(max-width:575.98px){.attachment-thumb-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.attachment-thumb-card{aspect-ratio:1;height:auto;width:100%}.ticket-attachments-card .ticket-card-header--inline{flex-direction:column}}.pagination-panel{align-items:center;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:24px;border-radius:var(--card-radius);box-shadow:0 6px 18px #0f172a0a;box-shadow:var(--shadow-soft);display:flex;gap:12px;gap:var(--space-5);justify-content:space-between;margin-top:16px;margin-top:var(--space-7);padding:12px;padding:var(--space-5)}.pagination-panel>span{color:#8a7a66;color:var(--muted);font-size:13px;font-size:var(--font-size-md)}.pagination-controls{align-items:center;display:flex;gap:8px;gap:var(--space-3)}.pagination-btn,.pagination-pages button{align-items:center;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#5f5141;color:var(--text2);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-1);justify-content:center;min-height:34px;min-height:var(--btn-height-sm);padding:0 12px;padding:0 var(--space-5)}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.pagination-pages{align-items:center;display:flex;gap:6px;gap:var(--space-2)}.pagination-pages button{padding:0;width:34px;width:var(--btn-height-sm)}.pagination-pages button.is-active{background:#c7a879;background:var(--brand);border-color:#c7a879;border-color:var(--brand);color:#fff;color:var(--white)}@media(max-width:767.98px){.pagination-panel{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:space-between}.pagination-pages{display:none}.pagination-btn{flex:1 1}}.submit-ticket-page{margin:auto;max-width:1180px}.submit-ticket-hero{align-items:center;background:linear-gradient(135deg,#c7a879,#8f6f3f);background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-radius:30px;border-radius:var(--radius-3xl);color:#fff;color:var(--surface);display:flex;gap:18px;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:24px 28px;position:relative}.submit-ticket-hero:after{background:#ffffff1f;border-radius:999px;border-radius:var(--radius-pill);content:"";height:220px;position:absolute;right:-56px;top:-80px;width:220px}.submit-ticket-hero__eyebrow{align-items:center;display:inline-flex;font-size:13px;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);gap:7px;margin-bottom:8px;opacity:.88}.submit-ticket-hero__title{font-size:30px;font-size:var(--font-size-4xl);letter-spacing:-.03em;line-height:1.1;margin:0 0 6px}.submit-ticket-hero__subtitle{color:#ffffffd1;font-size:14px;font-size:var(--font-size-base);margin:0;max-width:560px}.submit-ticket-hero__status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff2e;border-radius:24px;border-radius:var(--radius-2xl);min-width:150px;padding:16px 18px;position:relative;z-index:1}.submit-ticket-hero__status span{color:#ffffffb8;display:block;font-size:12px;font-size:var(--font-size-sm);margin-bottom:3px}.submit-ticket-hero__status strong{display:block;font-size:18px;font-size:var(--font-size-xl)}.submit-ticket-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 320px;margin:0 auto;max-width:1180px}.aside-card,.submit-ticket-main{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:30px;border-radius:var(--radius-3xl);box-shadow:0 10px 28px #0f172a0d;box-shadow:var(--shadow-card)}.submit-ticket-main{padding:24px}.submit-ticket-steps{grid-gap:10px;border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:26px;padding:0 0 22px}.submit-ticket-step{background:#f2f4f8;border:1px solid #0000;cursor:pointer;display:flex;font-size:13px;font-size:var(--font-size-md);gap:9px;min-height:46px;padding:8px 12px;transition:all .18s ease}.submit-ticket-step,.submit-ticket-step span{align-items:center;border-radius:999px;border-radius:var(--radius-pill);color:#8a7a66;color:var(--muted);justify-content:center}.submit-ticket-step span{background:#fff;background:var(--surface);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);height:24px;width:24px}.submit-ticket-step span,.submit-ticket-step strong{font-weight:800;font-weight:var(--font-weight-black)}.submit-ticket-step.is-active,.submit-ticket-step.is-done{background:#111827;color:#fff;color:var(--surface)}.submit-ticket-step.is-active{border-color:#c7a879;border-color:var(--brand);box-shadow:inset 0 0 0 2px #c7a879;box-shadow:inset 0 0 0 2px var(--brand)}.submit-ticket-step.is-active span,.submit-ticket-step.is-done span{color:#111827}.submit-ticket-section__header{margin-bottom:22px}.submit-ticket-section__header h2{color:#2b241b;color:var(--text);font-size:26px;font-size:var(--font-size-3xl);letter-spacing:-.03em;margin:0 0 7px}.submit-ticket-section__header p{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);margin:0}.category-select-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.category-select-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:15px;min-height:96px;padding:18px;text-align:left;transition:all .18s ease}.category-select-card.is-selected,.category-select-card:hover{border-color:#c7a879;border-color:var(--brand);box-shadow:0 12px 26px #0f172a12;transform:translateY(-1px)}.category-select-card.is-selected{background:#f7f1e8;background:var(--brand-light)}.category-select-card__icon{align-items:center;background:#f3f7fb;border-radius:12px;border-radius:var(--radius-md);color:#8f6f3f;color:var(--brand-dark);display:inline-flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.category-select-card strong{color:#2b241b;color:var(--text);display:block;font-size:14px;font-size:var(--font-size-base);margin-bottom:5px}.category-select-card small{color:#8a7a66;color:var(--muted);display:block;font-size:12px;font-size:var(--font-size-sm);line-height:1.4}.form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.priority-pill-group{display:flex;flex-wrap:wrap;gap:8px}.priority-pill{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#5f5141;color:var(--text2);cursor:pointer;font-size:14px;font-size:var(--font-size-base);min-height:40px;padding:9px 16px;transition:all .16s ease}.priority-pill.is-selected{background:#111827;border-color:#111827;color:#fff;color:var(--surface)}.attachment-dropzone{align-items:center;background:#fbf8f2;background:var(--surface-soft);border:2px dashed #cbd5e1;border-radius:16px;border-radius:var(--radius-lg);color:#5f5141;color:var(--text2);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:230px;transition:all .18s ease}.attachment-dropzone:hover{background:#f3f8ff;border-color:#c7a879;border-color:var(--brand)}.attachment-dropzone strong{color:#2b241b;color:var(--text);margin-top:12px}.attachment-dropzone span{color:#8a7a66;color:var(--muted);font-size:13px;font-size:var(--font-size-md);margin-top:5px}.review-card{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-2xl);overflow:hidden}.review-card__description,.review-card__row{grid-gap:16px;border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);display:grid;gap:16px;grid-template-columns:160px 1fr;padding:16px 18px}.review-card__description{border-bottom:0;display:block}.review-card span,.review-card__description span{color:#8a7a66;color:var(--muted);font-size:13px;font-size:var(--font-size-md)}.review-card strong,.review-card__description p{color:#2b241b;color:var(--text)}.review-card__description p{line-height:1.6;margin:8px 0 0}.submit-ticket-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.submit-ticket-actions .btn{align-items:center;display:inline-flex;gap:8px;justify-content:center}.submit-ticket-aside{display:flex;flex-direction:column;gap:16px}.aside-card{padding:20px}.aside-card--guide{background:linear-gradient(180deg,#fff fff,#f8fbff);background:linear-gradient(180deg,var(--surface) fff,#f8fbff)}.aside-card__icon{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:16px;border-radius:var(--radius-lg);color:#c7a879;color:var(--brand);display:flex;height:46px;justify-content:center;margin-bottom:14px;width:46px}.aside-card h3{color:#2b241b;color:var(--text);font-size:16px;font-size:var(--font-size-lg);margin:0 0 8px}.aside-card p{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);line-height:1.55;margin:0}.aside-summary{border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:12px 0}.aside-summary:last-child{border-bottom:0}.aside-summary span{color:#8a7a66;color:var(--muted)}.aside-summary span,.aside-summary strong{font-size:13px;font-size:var(--font-size-md)}.aside-summary strong{color:#2b241b;color:var(--text);text-align:right}.tip-list{color:#8a7a66;color:var(--muted);display:flex;flex-direction:column;font-size:14px;font-size:var(--font-size-base);gap:12px;line-height:1.45}.tip-list div{align-items:flex-start;display:flex;gap:10px}.tip-list svg{color:#c7a879;color:var(--brand);flex-shrink:0;margin-top:1px}@media(max-width:991.98px){.submit-ticket-layout{grid-template-columns:1fr}.submit-ticket-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.aside-card--guide{grid-column:span 2}}@media(max-width:767.98px){.submit-ticket-page{max-width:100%}.submit-ticket-hero{align-items:flex-start;border-radius:16px;border-radius:var(--radius-lg);flex-direction:column;padding:22px}.submit-ticket-hero__status{width:100%}.submit-ticket-main{border-radius:16px;border-radius:var(--radius-lg);padding:18px}.submit-ticket-steps{grid-template-columns:repeat(4,140px);overflow-x:auto;padding-bottom:16px}.category-select-grid,.form-grid,.submit-ticket-aside{grid-template-columns:1fr}.aside-card--guide{grid-column:auto}.submit-ticket-actions{flex-direction:column-reverse}.submit-ticket-actions .btn{width:100%}.review-card__row{gap:5px;grid-template-columns:1fr}}@media(max-width:575.98px){.submit-ticket-hero__title{font-size:26px;font-size:var(--font-size-3xl)}.submit-ticket-section__header h2{font-size:22px;font-size:var(--font-size-2xl)}.category-select-card{min-height:auto}}.notifications-page{margin:auto;max-width:1180px}.notifications-hero{align-items:center;background:linear-gradient(135deg,#c7a879,#8f6f3f);background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-radius:20px;border-radius:var(--radius-xl);color:#fff;color:var(--surface);display:flex;gap:18px;margin-bottom:20px;overflow:hidden;padding:26px 28px;position:relative}.notifications-hero:after{background:#ffffff1f;border-radius:999px;border-radius:var(--radius-pill);content:"";height:220px;position:absolute;right:-60px;top:-80px;width:220px}.notifications-hero__icon{align-items:center;background:#ffffff2e;border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.notifications-hero__eyebrow{display:block;font-size:13px;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:8px;opacity:.88}.notifications-hero h1{font-size:30px;font-size:var(--font-size-4xl);letter-spacing:-.03em;margin:0 0 4px}.notifications-hero p{color:#ffffffc7;margin:0}.notifications-hero__action{background:#fff;background:var(--surface);color:#8f6f3f;color:var(--brand-dark);margin-left:auto;position:relative;z-index:1}.notifications-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 300px}.notification-list--card{display:flex;flex-direction:column;gap:14px}.notification-card{grid-gap:16px;align-items:center;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 28px #0f172a0d;box-shadow:var(--shadow-card);display:grid;gap:16px;grid-template-columns:58px minmax(0,1fr) 34px;padding:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.notification-card:hover{border-color:#c7a879;border-color:var(--border-hover);box-shadow:0 16px 40px #0f172a14;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.notification-card--unread{background:linear-gradient(180deg,#fff fff,#f8fbff);background:linear-gradient(180deg,var(--surface) fff,#f8fbff);border-color:#e5d2b3;border-color:var(--brand-mid)}.notification-card__icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:58px;justify-content:center;width:58px}.notification-card__icon--status{background:#faeeda;background:var(--warning-bg);color:#854f0b;color:var(--warning-text)}.notification-card__icon--reply{background:#f7f1e8;background:var(--brand-light);color:#c7a879;color:var(--brand)}.notification-card__icon--resolved{background:#edf5e6;background:var(--success-bg);color:#3b6d11;color:var(--success-text)}.notification-card__body{min-width:0}.notification-card__topline{align-items:center;display:flex;gap:8px}.notification-card__title{color:#2b241b;color:var(--text);font-size:16px;font-size:var(--font-size-lg);font-weight:800;font-weight:var(--font-weight-black);margin:0}.notification-card__dot{background:#c7a879;background:var(--brand);border-radius:999px;border-radius:var(--radius-pill);flex-shrink:0;height:8px;width:8px}.notification-card__message{color:#5f5141;color:var(--text2);font-size:13px;font-size:var(--font-size-md);line-height:1.45;margin-top:5px}.notification-card__time{color:#b9aa93;color:var(--muted-light);font-size:12px;font-size:var(--font-size-sm);margin-top:6px}.notification-card__arrow{align-items:center;background:#fbf8f2;background:var(--surface-soft);border-radius:999px;border-radius:var(--radius-pill);color:#8a7a66;color:var(--muted);display:flex;height:34px;justify-content:center;width:34px}.notifications-side{display:flex;flex-direction:column;gap:16px}.notifications-side-card{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 28px #0f172a0d;box-shadow:var(--shadow-card);padding:20px}.notifications-side-card h3{color:#2b241b;color:var(--text);font-size:16px;font-size:var(--font-size-lg);margin:0 0 14px}.notifications-side-card div{border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:11px 0}.notifications-side-card div:last-child{border-bottom:0}.notifications-side-card span{color:#8a7a66;color:var(--muted);font-size:13px;font-size:var(--font-size-md)}.notifications-side-card strong{color:#2b241b;color:var(--text)}.notifications-side-card p{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);line-height:1.55;margin:0}@media(max-width:991.98px){.notifications-layout{grid-template-columns:1fr}.notifications-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.notifications-hero{align-items:flex-start;border-radius:16px;border-radius:var(--radius-lg);flex-direction:column;padding:22px}.notifications-hero__action{justify-content:center;margin-left:0;width:100%}.notification-card{border-radius:24px;border-radius:var(--radius-2xl);grid-template-columns:52px minmax(0,1fr)}.notification-card__icon{border-radius:12px;border-radius:var(--radius-md);height:52px;width:52px}.notification-card__arrow{display:none}.notifications-side{grid-template-columns:1fr}}@media(max-width:575.98px){.notification-card{grid-template-columns:1fr}.notification-card__icon{height:48px;width:48px}}.notifications-toolbar{align-items:center;display:flex;gap:12px;gap:var(--space-5);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-5)}.notifications-toolbar__count{color:#8a7a66;color:var(--muted);font-size:13px;font-size:var(--font-size-md)}.load-more-panel{margin-top:16px;margin-top:var(--space-7)}@media(max-width:767.98px){.notifications-toolbar{align-items:stretch;flex-direction:column}}.profile-page{margin:auto;max-width:1180px}.profile-hero{align-items:center;background:linear-gradient(135deg,#c7a879,#8f6f3f);background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-radius:20px;border-radius:var(--radius-xl);color:#fff;color:var(--surface);display:flex;gap:18px;margin-bottom:20px;overflow:hidden;padding:26px 28px;position:relative}.profile-hero:after{background:#ffffff1f;border-radius:999px;border-radius:var(--radius-pill);content:"";height:220px;position:absolute;right:-60px;top:-80px;width:220px}.profile-hero__avatar{align-items:center;background:#ffffff2e;border-radius:30px;border-radius:var(--radius-3xl);display:flex;flex-shrink:0;font-size:30px;font-size:var(--font-size-4xl);font-weight:800;font-weight:var(--font-weight-black);height:86px;justify-content:center;width:86px}.profile-hero__content{flex:1 1;min-width:0;position:relative;z-index:1}.profile-hero__eyebrow{align-items:center;display:inline-flex;font-size:13px;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);gap:7px;margin-bottom:8px;opacity:.88}.profile-hero h1{font-size:30px;font-size:var(--font-size-4xl);letter-spacing:-.03em;margin:0 0 4px}.profile-hero p{color:#ffffffc7;margin:0}.profile-hero__action{background:#fff;background:var(--surface);color:#8f6f3f;color:var(--brand-dark);position:relative;z-index:1}.profile-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:320px minmax(0,1fr)}.profile-section-card,.profile-sidebar-panel{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:30px;border-radius:var(--radius-3xl);box-shadow:0 10px 28px #0f172a0d;box-shadow:var(--shadow-card)}.profile-sidebar-panel{padding:20px}.profile-mini-card{align-items:center;border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);display:flex;gap:14px;padding-bottom:18px}.profile-mini-card__icon{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:12px;border-radius:var(--radius-md);color:#c7a879;color:var(--brand);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.profile-mini-card strong{color:#2b241b;color:var(--text);display:block;font-size:14px;font-size:var(--font-size-base);margin-bottom:4px}.profile-mini-card span{color:#8a7a66;color:var(--muted);display:block;font-size:13px;font-size:var(--font-size-md);line-height:1.4}.profile-info-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.profile-info-list div{align-items:flex-start;color:#5f5141;color:var(--text2);display:flex;font-size:13px;font-size:var(--font-size-md);gap:10px;line-height:1.4}.profile-info-list svg{color:#c7a879;color:var(--brand);flex-shrink:0;margin-top:1px}.profile-main-panel{display:flex;flex-direction:column;gap:18px}.profile-section-card{padding:24px}.profile-section-card__header{margin-bottom:20px}.profile-section-card__header h2{color:#2b241b;color:var(--text);font-size:22px;font-size:var(--font-size-2xl);letter-spacing:-.03em;margin:0 0 6px}.profile-section-card__header p{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);margin:0}.profile-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group--full{grid-column:1/-1}.preference-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.preference-card{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-2xl);display:flex;gap:14px;padding:18px}.preference-card__icon{align-items:center;background:#f7f1e8;background:var(--brand-light);border-radius:12px;border-radius:var(--radius-md);color:#c7a879;color:var(--brand);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.preference-card__body{flex:1 1;min-width:0}.preference-card strong{color:#2b241b;color:var(--text);display:block;font-size:14px;font-size:var(--font-size-base);margin-bottom:4px}.preference-card span{color:#8a7a66;color:var(--muted);display:block;font-size:13px;font-size:var(--font-size-md);line-height:1.45;margin-bottom:12px}@media(max-width:991.98px){.profile-layout{grid-template-columns:1fr}.profile-sidebar-panel{display:none}}@media(max-width:767.98px){.profile-hero{align-items:flex-start;border-radius:16px;border-radius:var(--radius-lg);flex-direction:column;padding:22px}.profile-hero__action{justify-content:center;width:100%}.preference-grid,.profile-form-grid{grid-template-columns:1fr}.profile-section-card{border-radius:16px;border-radius:var(--radius-lg);padding:20px}}.public-page{background:#f8f5ef;background:var(--page-bg);display:flex;flex-direction:column;min-height:100vh}.public-page__topbar{align-items:center;background:#f7f1e8;background:var(--surface-blue);border-bottom:1px solid #e7dccb;border-bottom:1px solid var(--border);display:flex;height:50px;justify-content:space-between;padding:0 20px}.public-page__brand{align-items:center;display:flex;gap:9px}.public-page__brand-name{color:#2b241b;color:var(--text);font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold)}.public-page__body{align-items:center;display:flex;flex:1 1;justify-content:center;padding:32px 16px}.site-select{max-width:600px;width:100%}.site-select__header{margin-bottom:24px;text-align:center}.site-select__globe{color:#c7a879;color:var(--brand);margin-bottom:10px}.site-select__title{font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:6px}.site-select__subtitle{color:#8a7a66;color:var(--muted);font-size:13px;font-size:var(--font-size-md)}.site-select__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:20px}.site-select__footer{color:#8a7a66;color:var(--muted);font-size:12px;font-size:var(--font-size-sm);text-align:center}.site-card{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;padding:16px;text-align:left;transition:border-color .15s}.site-card:hover{border-color:#c7a879;border-color:var(--brand)}.site-card__icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;height:38px;justify-content:center;margin-bottom:10px;width:38px}.site-card__icon--site-blue{background:#f7f1e8;background:var(--brand-light);color:#c7a879;color:var(--brand)}.site-card__icon--site-green{background:#edf5e6;background:var(--success-bg);color:#3b6d11;color:var(--success-text)}.site-card__icon--site-amber{background:#faeeda;background:var(--warning-bg);color:#854f0b;color:var(--warning-text)}.site-card__icon--site-purple{background:#eeedfe;color:#3c3489}.site-card__name{color:#2b241b;color:var(--text);font-size:13px;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:3px}.site-card__desc{color:#8a7a66;color:var(--muted);font-size:12px;font-size:var(--font-size-sm)}.auth-card{max-width:330px;width:100%}.auth-card__banner{align-items:center;background:#c7a879;background:var(--brand);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:12px;margin-bottom:14px;padding:14px 18px}.auth-card__banner-icon{align-items:center;background:#fff3;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--surface);display:flex;flex-shrink:0;font-size:12px;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);height:40px;justify-content:center;width:40px}.auth-card__banner-site{color:#fff;color:var(--surface);font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold)}.auth-card__banner-label{color:#ffffffbf;font-size:12px;font-size:var(--font-size-sm)}.auth-card__form{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:22px}.auth-card__title{font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:3px}.auth-card__subtitle{color:#8a7a66;color:var(--muted);margin-bottom:18px}.auth-card__error,.auth-card__subtitle{font-size:12px;font-size:var(--font-size-sm)}.auth-card__error{background:#fcebeb;background:var(--danger-bg);border-radius:12px;border-radius:var(--radius-md);color:#a32d2d;color:var(--danger-text);margin-bottom:14px;padding:8px 10px}.auth-card__row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.auth-card__remember{align-items:center;cursor:pointer;font-size:12px;font-size:var(--font-size-sm);gap:5px}.auth-card__note,.auth-card__remember{color:#8a7a66;color:var(--muted);display:flex}.auth-card__note{align-items:flex-start;border-top:1px solid #e7dccb;border-top:1px solid var(--border);font-size:11px;font-size:var(--font-size-xs);gap:6px;line-height:1.5;margin-top:14px;padding-top:14px}.auth-page{background:radial-gradient(circle at top right,#1a6fb51f,#0000 34%),#f8f5ef;background:radial-gradient(circle at top right,#1a6fb51f,#0000 34%),var(--page-bg)}.auth-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0f7ffeb;height:54px}.auth-topbar__actions{align-items:center;display:flex;gap:12px}.auth-change-site{background:#fff;background:var(--surface);border:1px solid #e7dccb;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#c7a879;color:var(--brand);font-size:12px;font-size:var(--font-size-sm);padding:6px 12px}.auth-shell{grid-gap:22px;align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 400px;margin:0 auto;max-width:980px;padding:64px 20px;width:100%}.auth-form-card,.auth-welcome-card{border:1px solid #e7dccb;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 18px 48px #0f172a14;box-shadow:var(--shadow-float)}.auth-welcome-card{background:linear-gradient(135deg,#c7a879,#8f6f3f);background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;color:var(--surface);display:flex;flex-direction:column;justify-content:space-between;min-height:460px;overflow:hidden;padding:30px;position:relative}.auth-welcome-card:after{background:#ffffff1f;height:260px;right:-80px;top:-90px;width:260px}.auth-welcome-card:after,.auth-welcome-card:before{border-radius:999px;border-radius:var(--radius-pill);content:"";position:absolute}.auth-welcome-card:before{background:#ffffff14;bottom:-80px;height:190px;right:40px;width:190px}.auth-welcome-card__top{align-items:center;display:flex;gap:14px;position:relative;z-index:1}.auth-welcome-card__logo{align-items:center;background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);display:flex;flex-shrink:0;font-size:18px;font-size:var(--font-size-xl);font-weight:800;font-weight:var(--font-weight-black);height:64px;justify-content:center;width:64px}.auth-welcome-card__top h1{font-size:18px;font-size:var(--font-size-xl);line-height:1.2;margin:0 0 4px}.auth-welcome-card__top p{color:#ffffffbf;margin:0}.auth-welcome-card__body{max-width:420px;position:relative;z-index:1}.auth-welcome-card__eyebrow{align-items:center;color:#ffffffd1;display:inline-flex;font-size:13px;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);gap:7px;margin-bottom:14px}.auth-welcome-card__body h2{font-size:38px;font-size:var(--font-size-5xl);letter-spacing:-.04em;line-height:1.05;margin:0 0 10px}.auth-welcome-card__body p{color:#ffffffc7;font-size:14px;font-size:var(--font-size-base);line-height:1.55;margin:0}.auth-feature-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.auth-feature-grid div{background:#ffffff21;border:1px solid #ffffff2e;border-radius:24px;border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:space-between;min-height:86px;padding:14px}.auth-feature-grid span{color:#ffffffe6;font-size:12px;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold)}.auth-form-card{align-self:center;background:#fff;background:var(--surface);padding:30px}.auth-form-card__header{margin-bottom:22px}.auth-form-card__header h2{color:#2b241b;color:var(--text);font-size:30px;font-size:var(--font-size-4xl);letter-spacing:-.03em;margin:0 0 6px}.auth-form-card__header p{color:#8a7a66;color:var(--muted);font-size:14px;font-size:var(--font-size-base);margin:0}.auth-form-card .form-input,.auth-submit-btn{border-radius:8px;border-radius:var(--radius-sm);min-height:48px}.auth-submit-btn{justify-content:center}@media(max-width:991.98px){.auth-shell{grid-template-columns:1fr;max-width:560px;padding-top:40px}.auth-welcome-card{gap:34px;min-height:auto}}@media(max-width:575.98px){.public-page__topbar{padding:0 14px}.public-page__brand-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-change-site{display:none}.auth-shell{gap:16px;padding:24px 14px}.auth-form-card,.auth-welcome-card{border-radius:30px;border-radius:var(--radius-3xl)}.auth-welcome-card{padding:22px}.auth-welcome-card__body h2{font-size:30px;font-size:var(--font-size-4xl)}.auth-feature-grid{grid-template-columns:1fr}.auth-feature-grid div{align-items:center;flex-direction:row;gap:10px;justify-content:flex-start;min-height:64px}.auth-form-card{padding:22px}}
/*# sourceMappingURL=main.03cb7546.css.map*/