/*!
 * Techno Theme — Layout
 * Header, navigation, mobile drawer, client-area shell, sidebar, footer
 */
.tn-header{background:var(--tn-surface);border-bottom:1px solid var(--tn-line);z-index:100;position:relative}.tn-header__main{height:var(--tn-header-h);align-items:center;gap:26px;display:flex}.tn-brand{flex:none;align-items:center;gap:10px;display:inline-flex}.tn-brand__mark{width:38px;height:38px;display:block}.tn-brand__name{line-height:1.15;display:grid}.tn-brand__name strong{color:var(--tn-navy);font-size:1.05rem}.tn-brand__en{color:var(--tn-muted-2);font-family:var(--tn-font-en);letter-spacing:.13em;margin-top:3px;font-size:.56rem;font-weight:700}.tn-nav{align-items:center;gap:22px;margin-inline-start:auto;display:flex}.tn-nav>li{list-style:none;position:relative}.tn-nav>li>a{color:#4c5669;align-items:center;gap:6px;padding:8px 2px;font-size:.92rem;font-weight:600;display:inline-flex}.tn-nav>li>a:hover,.tn-nav>li>a.is-active{color:var(--tn-navy)}.tn-nav>li>a .tn-caret{width:12px;height:12px;transition:transform var(--tn-speed)ease}.tn-nav>li.is-open>a .tn-caret{transform:rotate(180deg)}.tn-dropdown{top:calc(100% + 6px);background:var(--tn-surface);border:1px solid var(--tn-line);border-radius:var(--tn-radius);min-width:220px;box-shadow:var(--tn-shadow-md);opacity:0;visibility:hidden;transition:opacity var(--tn-speed)ease,transform var(--tn-speed)ease,visibility var(--tn-speed);z-index:300;margin:0;padding:8px;list-style:none;position:absolute;inset-inline-start:0;transform:translateY(6px)}.tn-nav>li:hover>.tn-dropdown,.tn-nav>li:focus-within>.tn-dropdown,.tn-nav>li.is-open>.tn-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.tn-dropdown a{color:#4c5669;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:.88rem;display:flex}.tn-dropdown a:hover{background:var(--tn-section-alt);color:var(--tn-navy)}.tn-dropdown .tn-divider{background:var(--tn-line);height:1px;margin:6px 4px}.tn-header__actions{flex:none;align-items:center;gap:12px;display:flex}.tn-usermenu{position:relative}.tn-usermenu__btn{border:1px solid var(--tn-line);background:var(--tn-surface);color:var(--tn-navy);cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:7px 12px;font-size:.88rem;font-weight:600;display:inline-flex}.tn-usermenu__avatar{background:var(--tn-navy);width:30px;height:30px;color:var(--tn-yellow);font-size:.8rem;font-weight:700;font-family:var(--tn-font-fa);border-radius:50%;place-items:center;display:grid}.tn-usermenu__menu{inset-inline-end:0;background:var(--tn-surface);border:1px solid var(--tn-line);border-radius:var(--tn-radius);min-width:230px;box-shadow:var(--tn-shadow-md);z-index:320;margin:0;padding:8px;list-style:none;display:none;position:absolute;top:calc(100% + 8px)}.tn-usermenu.is-open .tn-usermenu__menu{display:block}.tn-usermenu__menu a{color:#4c5669;font-size:.88rem;font-family:var(--tn-font-fa);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.tn-usermenu__menu a:hover{background:var(--tn-section-alt);color:var(--tn-navy)}.tn-usermenu__menu .tn-divider{background:var(--tn-line);height:1px;margin:6px 4px}.tn-usermenu__menu .tn-logout{color:var(--tn-danger)}.tn-count{background:var(--tn-yellow);min-width:19px;height:19px;color:var(--tn-ink);font-size:.68rem;font-weight:700;font-family:var(--tn-font-en);border-radius:10px;place-items:center;padding:0 5px;display:inline-grid}.tn-burger{color:var(--tn-navy);cursor:pointer;background:0 0;border:0;padding:8px;display:none}.tn-burger svg{width:26px;height:26px}.tn-drawer{z-index:900;visibility:hidden;pointer-events:none;position:fixed;inset:0}.tn-drawer.is-open{visibility:visible;pointer-events:auto}.tn-drawer__backdrop{opacity:0;transition:opacity var(--tn-speed)ease;background:#0d162e8c;position:absolute;inset:0}.tn-drawer.is-open .tn-drawer__backdrop{opacity:1}.tn-drawer__panel{background:var(--tn-surface);width:min(340px,86vw);padding:18px 16px 30px;transition:transform .25s;position:absolute;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(100%)}[dir=rtl] .tn-drawer__panel{transform:translate(100%)}.tn-drawer.is-open .tn-drawer__panel{transform:translate(0)}.tn-drawer__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.tn-drawer__title{color:var(--tn-navy);font-size:1rem}.tn-drawer__close{color:var(--tn-navy);cursor:pointer;background:0 0;border:0;padding:6px;font-size:1.3rem}.tn-drawer__nav{margin:0;padding:0;list-style:none}.tn-drawer__nav>li{border-bottom:1px solid var(--tn-line)}.tn-drawer__nav a{color:var(--tn-ink);align-items:center;gap:10px;padding:13px 6px;font-size:.95rem;font-weight:600;display:flex}.tn-drawer__nav a:hover{color:var(--tn-navy)}.tn-drawer__sub{margin:0 0 6px;padding:0;list-style:none}.tn-drawer__sub a{color:var(--tn-muted);padding:10px 22px;font-size:.87rem;font-weight:400}.tn-drawer__cta{gap:10px;margin-top:18px;display:grid}.tn-shell{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;padding:26px 0 48px;display:grid}.tn-shell--nosidebar{grid-template-columns:minmax(0,1fr)}.tn-sidebar{gap:18px;display:grid}.tn-sidecard{background:var(--tn-surface);border:1px solid var(--tn-line);border-radius:var(--tn-radius-lg);overflow:hidden}.tn-sidecard__title{background:var(--tn-canvas);border-bottom:1px solid var(--tn-line);color:var(--tn-navy);align-items:center;gap:9px;margin:0;padding:13px 16px;font-size:.86rem;font-weight:700;display:flex}.tn-sidecard__body{padding:8px}.tn-sidecard__list{margin:0;padding:0;list-style:none}.tn-sidecard__list a,.tn-sidecard__list .tn-sideitem-static{color:#4c5669;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.87rem;display:flex}.tn-sidecard__list a:hover{background:var(--tn-section-alt);color:var(--tn-navy)}.tn-sidecard__list a.is-active{background:var(--tn-yellow-soft);color:var(--tn-navy);font-weight:700}.tn-sidecard__list .tn-sidebadge{background:var(--tn-yellow);min-width:20px;height:20px;color:var(--tn-ink);font-size:.68rem;font-weight:700;font-family:var(--tn-font-en);border-radius:10px;place-items:center;margin-inline-start:auto;padding:0 6px;display:inline-grid}.tn-sidemob{background:var(--tn-surface);border:1px solid var(--tn-line);border-radius:var(--tn-radius-lg);margin-bottom:16px;padding:12px;display:none}.tn-sidemob select{border:1px solid var(--tn-line-strong);background:var(--tn-surface);border-radius:8px;width:100%;min-height:44px;padding:0 10px;font-family:inherit}.tn-breadcrumb{font-size:var(--tn-fs-xs);flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 14px;padding:0;list-style:none;display:flex}.tn-breadcrumb li{color:var(--tn-muted);align-items:center;gap:7px;display:flex}.tn-breadcrumb li+li:before{content:"‹";color:var(--tn-muted-2);font-size:1rem;line-height:1}.tn-breadcrumb a{color:var(--tn-muted)}.tn-breadcrumb a:hover{color:var(--tn-navy)}.tn-breadcrumb li[aria-current]{color:var(--tn-navy);font-weight:600}.tn-return-admin{inset-inline-start:14px;z-index:500;background:var(--tn-navy);color:#fff;box-shadow:var(--tn-shadow-md);border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:.8rem;display:inline-flex;position:fixed;bottom:14px}.tn-footer{background:var(--tn-navy-deep);color:#ccd5e6;margin-top:48px}.tn-footer__top{grid-template-columns:1.6fr repeat(3,1fr);gap:38px;padding:52px 0 38px;display:grid}.tn-footer .tn-brand__name strong{color:#fff}.tn-footer .tn-brand__en{color:#9baac6}.tn-footer__about{color:#aab8d4;max-width:300px;margin:14px 0 0;font-size:.8rem;line-height:1.9}.tn-footer__col h3{color:#fff;margin:0 0 13px;font-size:.9rem}.tn-footer__col ul{margin:0;padding:0;list-style:none}.tn-footer__col a{color:#aab8d4;padding:4px 0;font-size:.8rem;display:block}.tn-footer__col a:hover{color:var(--tn-yellow)}.tn-footer__contact{color:#aab8d4;gap:9px;font-size:.8rem;display:grid}.tn-footer__contact li{align-items:flex-start;gap:9px;list-style:none;display:flex}.tn-footer__contact i{color:var(--tn-yellow);margin-top:5px}.tn-footer__social{gap:9px;margin-top:14px;display:flex}.tn-footer__social a{color:#ccd5e6;width:36px;height:36px;transition:all var(--tn-speed)ease;border:1px solid #ffffff29;border-radius:9px;place-items:center;display:inline-grid}.tn-footer__social a:hover{background:var(--tn-yellow);border-color:var(--tn-yellow);color:var(--tn-ink)}.tn-footer__bottom{color:#95a5c3;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px 0;font-size:.74rem;display:flex}.tn-footer__bottom .tn-ltr{font-size:.72rem}.tn-overlay{z-index:1000;background:#0d162e99;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.tn-overlay.is-visible{display:flex}.tn-overlay__inner{color:#fff;text-align:center;justify-items:center;gap:12px;font-size:.9rem;display:grid}.tn-overlay__inner img{width:44px}.tn-modal{z-index:1100;background:#0d162e99;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.tn-modal.is-open{display:flex}.tn-modal__dialog{background:var(--tn-surface);border-radius:var(--tn-radius-lg);width:100%;max-width:560px;box-shadow:var(--tn-shadow);overflow:hidden}.tn-modal__header{border-bottom:1px solid var(--tn-line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tn-modal__title{color:var(--tn-navy);font-size:var(--tn-fs-lg);margin:0}.tn-modal__close{color:var(--tn-muted);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:1.4rem;line-height:1}.tn-modal__body{max-height:65vh;padding:20px;overflow-y:auto}.tn-modal__footer{border-top:1px solid var(--tn-line);background:var(--tn-canvas);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=1024px){.tn-nav{display:none}.tn-burger{display:block}.tn-shell{grid-template-columns:minmax(0,1fr)}.tn-sidebar{display:none}.tn-sidemob{display:block}}@media (width<=680px){:root{--tn-header-h:62px}.tn-header__main{gap:10px}.tn-header__actions .tn-btn--sm{display:none}.tn-footer__top{grid-template-columns:1fr 1fr;gap:26px 18px}.tn-footer__brandcell{grid-column:1/-1}.tn-usermenu__name{display:none}.tn-usermenu__btn{padding:5px 9px}.tn-iconbtn{display:inline-grid}}@media (width<=900px) and (width>=1025px){.tn-usermenu__name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}}@media (width>=1025px){.tn-drawer{display:none}}