/* DAEHAN VOICE 1.0.3 — visual system / responsive motion layer
   No remote fonts, CDNs, or third-party scripts. All motions honor reduced motion. */
:root{
  --navy:#152944;
  --ink:#223851;
  --muted:#71829b;
  --blue:#2967ee;
  --blue-strong:#1555dc;
  --line:#e3eaf3;
  --bg:#f4f7fc;
  --white:#ffffff;
  --shadow:0 9px 32px rgba(23,53,96,.045),0 1px 3px rgba(23,53,96,.035);
  --shadow-hover:0 18px 42px rgba(30,63,111,.09),0 3px 8px rgba(30,63,111,.04);
  --top:78px;
  --side:262px;
  --r:17px;
  --ease-out:cubic-bezier(.2,.8,.25,1);
  --ease-spring:cubic-bezier(.22,1.18,.42,1);
}
html,body{font-size:13.5px;line-height:1.5;letter-spacing:-.008em;background:var(--bg);font-family:Inter,'Pretendard','Noto Sans KR','Segoe UI',system-ui,Arial,sans-serif;font-synthesis:none}
html[lang="ko"]{word-break:keep-all}
button,input,select,textarea{font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(42,111,243,.42)!important;outline-offset:3px}
::selection{background:#d7e8ff;color:#153d84}
.icon{display:inline-block;overflow:visible;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none;vertical-align:middle;aspect-ratio:1;transform-origin:center}
.icon--sm{stroke-width:1.9}.icon--display{stroke-width:1.7}
.icon:where(:not([width])){width:20px;height:20px}
.brand .icon{height:23px;width:23px}
.side-links .icon,.side-logout .icon{height:19px!important;width:19px!important}
.top-links .icon{height:18px;width:18px}
.btn .icon,.link-accent .icon{height:17px;width:17px}
.icon-button .icon{height:19px;width:19px}
.stat-icon .icon{height:24px!important;width:24px!important}
.stat-icon.large .icon{height:34px!important;width:34px!important}
.hero-category-icon .icon{height:34px!important;width:34px!important}
.page-head h1 .icon{height:28px!important;width:28px!important}
.panel-heading h2 .icon{height:19px!important;width:19px!important}
.mini-icon .icon{width:18px!important;height:18px!important}
.vote-icon .icon{width:21px!important;height:21px!important}
.group-stat>.icon:last-child{width:16px;height:16px}
.announcement-icon .icon{width:23px!important;height:23px!important}
.admin-cat-icon .icon{width:18px!important;height:18px!important}
.dropzone>.icon{width:32px!important;height:32px!important}
.topbar{padding:0 24px;gap:13px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5eaf3;box-shadow:0 1px 14px rgba(29,52,85,.035);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:45}
.brand{width:var(--side);min-width:0}
.brand a{gap:11px}
.brand-emblem{width:42px;height:42px;flex:none;border-radius:14px;background:linear-gradient(140deg,#377cff,#1d58dd 85%);box-shadow:0 7px 17px rgba(41,103,238,.22);transition:transform .32s var(--ease-spring),box-shadow .32s}
.brand a:hover .brand-emblem{transform:rotate(-5deg) scale(1.05);box-shadow:0 9px 24px rgba(41,103,238,.29)}
.brand strong{font-size:21px;letter-spacing:-.75px;font-weight:830;color:#162d4e}
.brand small{font-size:11px;font-weight:550;line-height:1.55;color:#7186a6;letter-spacing:0}
.top-links{gap:4px;min-width:0}
.top-links a{border-radius:11px;padding:11px 10px;font-size:12px;gap:7px;color:#4d607e;font-weight:700;transition:color .2s,background .2s,transform .2s var(--ease-out)}
.top-links a:hover{transform:translateY(-1px);background:#f0f6ff;color:var(--blue)}
.top-links a.active{color:#195fe7;background:#edf4ff;box-shadow:inset 0 0 0 1px #e3edff}
.global-search{width:245px;min-width:120px;height:43px;border:1px solid #e6ecf5;border-radius:13px;background:#f5f8fc;color:#8396b0;transition:all .25s var(--ease-out)}
.global-search:focus-within{background:white;border-color:#9abcfb;box-shadow:0 0 0 4px rgba(41,103,238,.09)}
.global-search input{font-size:12px}
.global-search .icon{width:18px;height:18px}
.top-actions{gap:9px;flex-shrink:0}
.icon-button{height:41px;width:41px;border-radius:12px;transition:background .22s,transform .22s}
.icon-button:hover{background:#eaf2ff;transform:translateY(-1px)}
.avatar{height:39px;width:39px;background:linear-gradient(135deg,#1d467a,#173459);box-shadow:0 4px 13px #22385b18}
.language-control{height:42px;border-radius:13px;border:1px solid #e0e8f5;background:#f7faff;display:inline-flex;gap:7px;align-items:center;padding:0 10px;white-space:nowrap;transition:border .22s,background .22s,box-shadow .22s}
.language-control:hover{background:#eef5ff;border-color:#cadcfa}
.language-control:focus-within{background:#fff;box-shadow:0 0 0 4px rgba(40,105,240,.11)}
.language-label{display:grid;place-items:center;color:#3473dc}
.language-label .icon{width:18px;height:18px}
.language-select{min-width:69px;max-width:90px;color:#23466f;font-size:12px;font-weight:760;cursor:pointer;outline:0;background:transparent;padding:4px 0}
.language-select option{color:#1d3557}
.sidebar{background:linear-gradient(180deg,#fcfdff,#f9fbff);border-right:1px solid #e8edf6}
.side-scroll{padding:26px 13px 14px}
.side-caption{font-size:10px;letter-spacing:1.6px;font-weight:850;color:#98a7bd;padding:0 14px;margin-bottom:11px}
.side-divider{border-color:#e6edf7;padding-top:20px;margin-top:21px}
.side-links{gap:5px}
.side-links a,.side-logout button{min-height:44px;padding:11px 13px;border-radius:11px;font-size:12.5px;font-weight:690;gap:12px;line-height:1.35;color:#536782;transition:background .2s,color .2s,transform .2s var(--ease-out)}
.side-links a .icon{color:#6984a5;transition:color .2s,transform .25s var(--ease-spring)}
.side-links a:hover,.side-logout button:hover{background:#f0f6ff;color:#2467dd;transform:translateX(2px)}
.side-links a:hover .icon{color:#2269df;transform:scale(1.06)}
.side-links a.current{background:linear-gradient(95deg,#e8f1ff,#f1f6ff);color:#155ee0;box-shadow:inset 0 0 0 1px #e1ecff}
.side-links a.current .icon{color:#1c67e7}
.side-links a.current:before{top:10px;bottom:10px;width:3px;left:0;border-radius:0 3px 3px 0;background:linear-gradient(#4389ff,#1d5dea)}
.cat-links a{font-size:11.7px;min-height:40px}
.cat-links a span:last-child{max-width:185px}
.side-footer{background:linear-gradient(155deg,#f4f8ff 1%,#fff 90%);border-color:#e6edf8;padding:20px 19px 21px}
.side-company-logo{max-width:171px;max-height:41px;margin-bottom:13px}
.side-footer strong{font-size:13px}
.side-footer span{font-size:11px}.side-footer small{font-size:10px}
.content-wrap{gap:17px;padding:23px 24px 16px;max-width:1900px}
.main-content{background:radial-gradient(ellipse 52% 28% at 70% 0%,#e9f2ff 0%,transparent 90%),var(--bg)}
.main-content::-webkit-scrollbar,.side-scroll::-webkit-scrollbar{width:8px}
.main-content::-webkit-scrollbar-thumb,.side-scroll::-webkit-scrollbar-thumb{border-radius:20px;background:#d4dfef;border:2px solid transparent;background-clip:padding-box}
.main-footer{padding:15px 3px 8px;font-size:10.7px;color:#95a4b9}
.panel{border:1px solid #e4eaf4;border-radius:var(--r);box-shadow:var(--shadow);background:#fff;transition:border-color .28s,box-shadow .3s var(--ease-out),transform .3s var(--ease-out)}
.panel:hover{border-color:#d8e5f4;box-shadow:var(--shadow-hover)}
.panel-heading{padding:21px 21px 15px;gap:15px}
.panel-heading h2{font-size:16px;font-weight:820;line-height:1.35;letter-spacing:-.35px;color:#1e3454}
.panel-heading p{font-size:11.7px;line-height:1.6;color:#8393ac;margin-top:6px}
.panel-heading .icon{color:var(--blue)}
.link-accent{font-size:11.7px;color:#2068e5;font-weight:760;transition:gap .2s}
.link-accent:hover{gap:8px;text-decoration:none}
.btn{border-radius:11px;padding:12px 18px;font-weight:760;font-size:12.4px;letter-spacing:-.01em;box-shadow:none;transition:background .22s,transform .22s var(--ease-out),box-shadow .22s,border-color .22s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-primary{color:#fff;background:linear-gradient(116deg,#327af8 0%,#1d63eb 55%,#1554d8 100%);box-shadow:0 6px 16px rgba(26,92,224,.2)}
.btn-primary:hover{background:linear-gradient(116deg,#256fee,#165be3 75%);box-shadow:0 11px 23px rgba(26,92,224,.25)}
.btn-outline{border-color:#bcd3fa;background:#fff;color:#1f66df}
.btn-outline:hover{background:#f3f8ff;border-color:#8db5f8}
.btn-soft{background:#eef4ff;color:#2d65bb}
.btn-sm{padding:10px 14px;font-size:11.7px}.btn-xs{padding:7px 12px;font-size:10.8px}
.btn .icon{transition:transform .25s var(--ease-spring)}
.btn:hover .icon:last-child:not(:first-child){transform:translateX(3px)}
.pill{border-radius:999px;padding:7px 11px;font-size:10.5px;font-weight:760}
.pill:has(.icon){gap:7px}
.eyebrow{letter-spacing:1.6px;font-size:10.1px;color:#3672c1;font-weight:830}
.hero{border-radius:22px;min-height:245px;padding:31px 37px;background:linear-gradient(116deg,#ecf5ff 0%,#f0f7ff 54%,#e7f2ff 100%);border:1px solid #dfebfa;isolation:isolate;box-shadow:0 4px 20px rgba(38,90,165,.035)}
.hero:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(#8fb8ed .9px,transparent .9px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 40%,#000 100%)}
.hero h1{font-size:clamp(30px,2.6vw,44px);line-height:1.12;letter-spacing:-1.35px;color:#152c4f;margin:13px 0 14px;font-weight:850}
.hero p{font-size:13.5px;line-height:1.75;color:#607a9f;margin-bottom:19px}
.hero-copy{z-index:2;max-width:750px}
.hero-buttons{gap:11px}
.hero-visual{width:37%;background:linear-gradient(130deg,#e4f1ff,#f3faff);z-index:1}
.hero-visual:before{opacity:.5}
.hero-logo-wrap{border-radius:21px;box-shadow:0 18px 42px rgba(24,78,149,.095);border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.68)}
.orb-one{background:#b8d8ff70;animation:orbFloat 10s ease-in-out infinite alternate}
.orb-two{background:#eacaf070;animation:orbFloat 12s ease-in-out infinite alternate-reverse}
@keyframes orbFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-18px,15px,0) scale(1.09)}}
.stats-grid{gap:13px}
.stat-card{border-radius:16px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff 66%,#fcfdff);border:1px solid #e4ebf5;padding:19px 16px;gap:13px;min-width:0;transition:border-color .25s,box-shadow .3s,transform .3s var(--ease-out)}
.stat-card:hover{transform:translateY(-3px);border-color:#cbdcf5;box-shadow:var(--shadow-hover)}
.stat-card strong{font-size:29px;letter-spacing:-1px;color:#1a3459;font-weight:830;font-variant-numeric:tabular-nums}
.stat-card span:not(.stat-icon){font-size:11.7px;margin:4px 0 3px;color:#627896;font-weight:720}
.stat-card small{font-size:10.1px;color:#8c9db3;line-height:1.5}
.stat-icon{height:50px;width:50px;min-width:50px;border-radius:15px;transition:transform .33s var(--ease-spring),box-shadow .33s}
.stat-card:hover .stat-icon,.group-stat:hover .stat-icon{transform:rotate(-5deg) scale(1.08)}
.stat-icon.blue{background:#e8f2ff;color:#2069e5}
.stat-icon.amber{background:#fff4df;color:#e9a031}
.stat-icon.violet{background:#f2ebff;color:#8659db}
.stat-icon.green{background:#e3f9ed;color:#0d9c69}
.stat-icon.coral{background:#fff0f2;color:#e75466}
.stat-icon.large{height:76px;width:76px}
.home-columns{grid-template-columns:minmax(225px,23%) minmax(390px,1fr) minmax(255px,24%);gap:15px}
.category-menu{padding:0 12px 8px}
.category-menu-item{font-size:11.6px;min-height:44px;border-radius:10px;padding:8px 12px;gap:11px;transition:background .2s,transform .2s}
.category-menu-item:hover{background:#eef5ff;transform:translateX(2px)}
.category-menu-item.selected{background:#ecf4ff;color:#1d61d9}
.category-menu-item b{font-size:10.6px}
.idea-mini{margin:10px 14px 17px;padding-top:20px}
.idea-mini strong{font-size:12px}
.idea-mini p{font-size:10.8px;line-height:1.5}
.tabs{gap:7px;padding:0 20px;scrollbar-width:thin}
.tabs>a{font-size:11.4px;padding:14px 10px;font-weight:740;transition:color .2s,background .2s}
.tabs>a:after{transition:transform .25s}
.tabs>a:hover{background:#f6faff}
.feedback-item{gap:16px;padding:21px 20px;transition:background .22s,transform .22s var(--ease-out)}
.feedback-item:hover{background:#f7faff}
.vote-icon{height:40px;width:40px;border-radius:12px;background:#ebf3ff;transition:transform .28s var(--ease-spring),background .25s}
.feedback-item:hover .vote-icon{transform:scale(1.07);background:#dceaff}
.item-votes{width:46px;gap:4px}.item-votes strong{font-size:15px}
.item-title{font-size:13px;line-height:1.5;font-weight:770;letter-spacing:-.15px}
.item-body p{font-size:11.4px;color:#7588a1;line-height:1.68;margin:6px 0 11px}
.item-meta{font-size:10.4px;gap:9px}
.item-meta .icon{height:15px!important;width:15px!important}
.tag{font-size:10.2px;padding:6px 10px;border-radius:999px}
.status{font-size:10px;border-radius:999px;padding:6px 11px}
.right-stack{gap:15px}
.announcement-snippet{padding:14px 19px}
.announcement-snippet b{font-size:11.3px}.announcement-snippet span{font-size:9.8px}
.announcement-snippet p{font-size:10.7px;line-height:1.7}
.trending-list{padding:0 19px 18px}
.trending-list li a{min-height:42px;font-size:11.2px;transition:color .18s,transform .2s}
.trending-list li a:hover{transform:translateX(3px);color:#1c62db}
.rank{height:26px;min-width:26px;font-size:11px}
.trust-panel{padding:20px}.trust-panel strong{font-size:12px}.trust-panel p{font-size:10.8px}
.page-head{border-radius:20px;background:linear-gradient(111deg,#edf5ff,#fff 84%);border:1px solid #e1ebf8;padding:26px 27px}
.page-head h1{font-size:clamp(24px,2.1vw,31px);letter-spacing:-.75px;margin:9px 0 7px;font-weight:840}
.page-head p{font-size:12.4px;line-height:1.7}
.hero-category-icon{height:74px;width:74px;border-radius:20px;box-shadow:0 5px 14px rgba(24,81,156,.045)}
.category-hero{min-height:184px}.category-hero h1{font-size:34px}
.security-hero{background:linear-gradient(107deg,#e9f2ff,#e8f0ff 60%,#f5f7ff)}
.idea-hero{background:linear-gradient(107deg,#fff6e9,#eaf4ff 80%)}
.group-stats{gap:12px}
.group-stat{border-radius:14px;min-height:72px;padding:15px;transition:transform .26s,box-shadow .26s}
.group-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.group-stat strong{font-size:12.2px}.group-stat small{font-size:10.4px}
.split-board{gap:16px}
.info-strip{border-radius:12px;background:#edf5ff;font-size:11.4px;padding:15px;margin:14px 19px}
.form-preview{padding:7px 20px 22px}
.form-field>label,.form-label-row label,.form-grid label{font-size:12px;color:#314967;font-weight:760}
.form-field small{font-size:10.3px}
.input{height:45px;background:#fcfdff;padding:11px 14px;border:1px solid #dce6f2;border-radius:10px;font-size:12px;color:#2a4464;transition:background .2s,border-color .2s,box-shadow .2s}
.input:focus{background:white;border-color:#8bb6ff;box-shadow:0 0 0 4px rgba(33,105,237,.105)}
.input::placeholder{color:#9cabc1}
textarea.input{min-height:155px;font-size:12px;line-height:1.75}
.form-layout{gap:16px}.form-main{padding:26px 29px 28px}
.form-title{padding-bottom:24px;margin-bottom:24px}.form-title h2{font-size:21px}
.form-title p{font-size:11.7px}
.dropzone{border-radius:13px;min-height:125px;background:linear-gradient(150deg,#f9fcff,#f4f9ff);border:1.5px dashed #a0c4f7;transition:background .23s,border .23s,transform .23s}
.dropzone:hover,.dropzone.dragover{background:#edf6ff;border-color:#5b97ed;transform:translateY(-1px)}
.dropzone>b{font-size:12px}.dropzone span{font-size:10.7px}
.file-pill{border-radius:9px;font-size:10.5px}
.privacy-line{padding:18px 13px}
.privacy-line strong{font-size:11.6px}.privacy-line small{font-size:10.6px}
.submission-footer span{font-size:10.8px}
.guide-point{padding:13px;margin:9px 17px;border-radius:12px}
.guide-point b{font-size:11.2px}.guide-point p{font-size:10.5px}
.list-layout,.detail-layout,.admin-two-columns,.admin-split{gap:16px}
.detail-head h1{font-size:29px;line-height:1.3}
.detail-card{padding:27px}.detail-description{font-size:12.6px;color:#60748d}
.detail-vote{border-radius:14px;padding:19px}
.comment{padding:19px 23px}.comment p{font-size:11.7px}
.vote-dialog{border-radius:20px;box-shadow:0 28px 95px rgba(21,47,80,.28)}
.vote-dialog[open]{animation:dialogIn .28s var(--ease-out) both}
.vote-dialog::backdrop{background:rgba(13,32,62,.52);backdrop-filter:blur(6px)}
@keyframes dialogIn{from{transform:translateY(14px) scale(.975);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.voting-hero{border-radius:20px}.voting-guide{gap:12px}
.voting-guide>div{border-radius:12px;min-height:57px;padding:15px;font-size:11.2px}
.analytics-grid{gap:15px}.analytics-panel{min-height:275px}
.chart-legend .legend-entry{font-size:10.9px;padding:5px 0}
.legend-entry b{font-size:10.2px}.donut{width:182px;height:182px}
.donut>div{box-shadow:0 1px 2px rgba(24,44,77,.035)}
.donut strong{font-size:25px}
#trendChart{height:206px}
.site-track{height:19px!important;border-radius:7px!important}
.site-fill{border-radius:7px!important;transform-origin:left center;animation:barReveal 1.2s var(--ease-out) both}
@keyframes barReveal{from{transform:scaleX(.06)}to{transform:scaleX(1)}}
.progress-bar{height:13px;border-radius:20px}.progress-bar>div{animation:barReveal 1s var(--ease-out) both;transform-origin:left}
.data-table th{font-size:10.9px;padding:14px 14px;background:#f6f9fe;color:#59718e}
.data-table td{font-size:11.2px;padding:14px;color:#526981}
.data-table td strong{font-size:11.2px}
.data-table tbody tr{transition:background .2s}
.data-table tbody tr:hover{background:#f7faff}
.admin-tabs{gap:11px}.admin-tabs>a{font-size:11.3px;min-height:48px;border-radius:12px;transition:all .22s}
.admin-tabs>a:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.admin-tabs>a.selected{background:#edf4ff;border-color:#c9dfff}
.admin-user{border-radius:11px;font-size:11.4px}
.setting-line label{font-size:12px}.setting-line small{font-size:10.8px}
.form-panel-admin form{padding:13px 23px}.report-filters{padding:17px 22px}
.admin-ann-item{padding:17px 0}.quick-admin>a{min-height:50px}
.alert{border-radius:12px;padding:15px 17px;font-size:11.8px;box-shadow:0 4px 14px rgba(30,74,134,.06)}
.alerts{gap:10px}
.empty-state{padding:72px 18px}.empty-state h3{font-size:18px}
.mobile-nav-backdrop{display:none}
/* Motion: activated by JS only, so content never disappears without scripting. */
.has-motion .motion-item{opacity:0;transform:translateY(15px);will-change:transform,opacity}
.has-motion .motion-item.is-visible{animation:revealUp .62s var(--ease-out) both;animation-delay:var(--motion-delay,0ms)}
@keyframes revealUp{0%{opacity:0;transform:translateY(15px) scale(.995)}100%{opacity:1;transform:translateY(0) scale(1)}}
.has-motion .feedback-item.motion-item.is-visible{animation-duration:.46s}
.narrow-panel .panel-heading h2,.panel-heading h2{transition:color .2s}
.panel:hover .panel-heading h2{color:#1b4b91}
/* Slight polish for the language menu when Korean is selected. */
html[lang="ko"] .top-links a{letter-spacing:-.4px;font-size:11.9px}
html[lang="ko"] .side-links a{letter-spacing:-.25px}
html[lang="es"] .top-links a{font-size:11.1px;padding-inline:7px}
@media(max-width:1650px){
  .topbar{gap:9px;padding-inline:18px}
  .top-links a{padding:10px 8px;font-size:11.4px}
  .global-search{width:200px}
  .content-wrap{padding:20px}
}
@media(max-width:1480px){
  :root{--side:239px}
  .brand strong{font-size:19px}
  .brand small{font-size:10.2px}
  .top-links a{font-size:11px;padding:9px 7px}
  .global-search{width:160px}
  .home-columns{grid-template-columns:minmax(210px,23%) minmax(335px,1fr) minmax(230px,24%)}
  .stat-icon{height:46px;width:46px;min-width:46px}
  .stat-card strong{font-size:26px}
}
@media(max-width:1280px){
  :root{--side:224px}
  .top-links a:nth-child(3),.top-links a:nth-child(4){display:none}
  .global-search{width:180px}
  .home-columns{grid-template-columns:220px minmax(0,1fr)}
  .home-columns>.right-stack{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-columns>.right-stack .trust-panel{grid-column:1/-1}
  .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  :root{--side:262px;--top:72px}
  .topbar{gap:12px;padding:0 17px}
  .brand{width:auto;flex:1}
  .top-links{display:none}
  .mobile-menu{display:flex;order:-1}
  .global-search{width:195px}
  .sidebar{top:var(--top);transform:translateX(-102%);box-shadow:10px 0 40px rgba(26,48,81,.12);z-index:52;transition:transform .32s var(--ease-out)}
  .sidebar.open{transform:translateX(0)}
  .mobile-nav-backdrop{position:fixed;inset:var(--top) 0 0;z-index:50;background:rgba(16,33,57,.26);backdrop-filter:blur(3px);opacity:0;visibility:hidden;display:block;transition:opacity .3s,visibility .3s}
  .app-shell:has(.sidebar.open) .mobile-nav-backdrop{opacity:1;visibility:visible}
  .content-wrap{padding:17px}
  .home-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
  .list-layout,.detail-layout,.form-layout,.admin-two-columns,.admin-split,.split-board{grid-template-columns:1fr}
  .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{min-height:215px}
  .hero-visual{display:none}
}
@media(max-width:650px){
  :root{--top:66px}
  .topbar{padding:0 12px;gap:7px}
  .brand-emblem{height:35px;width:35px;border-radius:11px}
  .brand strong{font-size:17px}
  .brand small{font-size:9.5px}
  .global-search{display:none}
  .language-control{height:37px;padding:0 7px;gap:4px}
  .language-label .icon{height:16px;width:16px}
  .language-select{font-size:10.6px;min-width:62px;max-width:75px}
  .top-actions{gap:3px}
  .avatar,.icon-button{width:35px;height:35px}
  .content-wrap{padding:13px;gap:13px}
  .hero{padding:26px 22px;min-height:205px;border-radius:17px}
  .hero h1{font-size:29px;letter-spacing:-.8px}
  .hero p{font-size:12px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat-card{padding:13px;gap:9px;border-radius:13px}
  .stat-card strong{font-size:24px}
  .stat-icon{width:41px;height:41px;min-width:41px;border-radius:12px}
  .stat-icon .icon{width:21px!important;height:21px!important}
  .home-columns,.home-columns>.right-stack,.analytics-grid{grid-template-columns:1fr}
  .home-columns>.right-stack{display:flex;grid-column:auto}
  .page-head{padding:21px;border-radius:16px;align-items:flex-start}
  .page-head h1{font-size:25px}
  .panel-heading{padding:18px}
  .feedback-item{padding:17px 15px;gap:10px}
  .form-main{padding:20px}
  .form-grid{grid-template-columns:1fr}
  .admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .main-footer{flex-direction:column;gap:3px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .has-motion .motion-item{opacity:1!important;transform:none!important;will-change:auto!important}
}
@keyframes chartPop{from{opacity:.1;transform:scale(.93)}to{opacity:1;transform:scale(1)}}
.donut{animation:chartPop .65s var(--ease-out) both}
.chart-legend .legend-entry{animation:chartPop .43s var(--ease-out) both}
.chart-legend .legend-entry:nth-child(2){animation-delay:70ms}
.chart-legend .legend-entry:nth-child(3){animation-delay:140ms}
.chart-legend .legend-entry:nth-child(4){animation-delay:210ms}
.chart-legend .legend-entry:nth-child(5){animation-delay:280ms}
@media(prefers-reduced-motion:reduce){.donut,.chart-legend .legend-entry{animation:none!important}}