:root{--bg: #eefbf8;--panel: rgba(255, 255, 255, .58);--panel-strong: rgba(255, 255, 255, .76);--panel-soft: rgba(255, 255, 255, .34);--ink: #16343a;--muted: #6b8589;--line: rgba(255, 255, 255, .62);--line-deep: rgba(103, 146, 150, .2);--mint: #83f1d1;--cyan: #22d3ee;--leaf: #2fbf8f;--gold: #c9953d;--rose: #e8ad9c;--shadow: 0 24px 70px rgba(31, 75, 82, .15);--blur: blur(24px) saturate(1.22)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#e8fcf8f0,#fbfffcd6 38%,#fff4eee0),url(/studio-login.jpg) center/cover fixed}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 78%)}body:after{background:linear-gradient(120deg,rgba(255,255,255,.5),transparent 28%,rgba(131,241,209,.16) 52%,transparent 74%),linear-gradient(180deg,rgba(255,255,255,.42),transparent 34%,rgba(255,255,255,.28))}.admin-shell{position:relative;min-height:100vh;background:transparent}.sider{min-height:100vh;background:#f9fffc73!important;border-right:1px solid var(--line);box-shadow:16px 0 52px #1b484c1f;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.brand{height:96px;display:flex;align-items:center;gap:12px;padding:0 20px;color:var(--ink);border-bottom:1px solid var(--line)}.brand-mark{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#ffffffd1,#ffffff4d),linear-gradient(135deg,#83f1d1b3,#22d3ee5c);border:1px solid rgba(255,255,255,.74);color:#0d747c;font-size:20px;font-weight:850;box-shadow:0 14px 34px #196f7729}.brand strong,.brand small{display:block}.brand strong{font-size:17px;line-height:1.35;letter-spacing:0}.brand small{margin-top:4px;color:var(--muted);font-size:11px}.sider .ant-menu{padding:16px 12px;background:transparent;border-inline-end:0!important}.sider .ant-menu-item{height:44px;margin:5px 0;padding-inline:14px!important;border-radius:8px;color:#385f63;font-size:14px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.sider .ant-menu-item .anticon{color:#3f8d92;font-size:16px}.sider .ant-menu-item:hover{color:#123a3f!important;background:#ffffff75!important;transform:translate(2px)}.sider .ant-menu-item-selected{color:#103f44!important;background:linear-gradient(135deg,#ffffffdb,#ffffff7a),linear-gradient(135deg,#83f1d185,#fff3)!important;box-shadow:0 12px 28px #1f747c21}.sider .ant-menu-item-selected .anticon{color:var(--leaf)}.topbar{height:76px;padding:0 28px;background:#ffffff80;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);box-shadow:0 12px 40px #1f4b521a}.topbar-title,.topbar-subtitle{display:block}.topbar-title{color:var(--ink);font-size:16px;font-weight:760;line-height:1.4}.topbar-subtitle{margin-top:2px;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:12px}.status-pill{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;color:#0e7278;background:#ffffff80;border:1px solid rgba(255,255,255,.72);box-shadow:0 10px 26px #1f747c1a;font-size:12px;font-weight:720}.content{padding:30px}.page-card{position:relative;overflow:hidden;min-height:calc(100vh - 136px);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:30px;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.page-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mint),var(--cyan),var(--rose),var(--gold))}.page-card:after{content:"";position:absolute;inset:3px 0 auto 0;height:150px;background:linear-gradient(180deg,rgba(255,255,255,.48),transparent);pointer-events:none}.page-card>*{position:relative;z-index:1}.page-head,.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.dashboard-hero{padding:6px 0 4px}.section-kicker{display:inline-flex;margin-bottom:10px;color:#0b7780;font-size:12px;font-weight:820;letter-spacing:.04em;text-transform:uppercase}.page-title{position:relative;margin:0;padding-left:14px;color:var(--ink);font-size:26px;font-weight:820;letter-spacing:0}.page-title:before{content:"";position:absolute;left:0;top:5px;width:4px;height:25px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--leaf))}.hero-copy{width:min(680px,100%);margin:12px 0 0;color:#526f74;line-height:1.8}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px}.metric-card{min-height:126px;padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,#ffffffb3,#ffffff57),linear-gradient(145deg,rgba(131,241,209,.18),transparent 60%);box-shadow:0 18px 40px #1f4b521a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric-card span,.metric-card small{display:block}.metric-card span{color:#548085;font-size:12px;font-weight:720}.metric-card strong{display:block;margin:12px 0 8px;color:#103a40;font-size:28px;line-height:1.1;font-weight:860}.metric-card small{color:#6d8588;line-height:1.5}.form-grid{max-width:960px}.image-preview{width:172px;height:116px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.74);box-shadow:0 14px 34px #1f4b521f}.work-cover{width:78px;height:78px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.74);box-shadow:0 12px 26px #1f4b521c}.dashboard-grid .ant-card,.studio-card{height:100%}.studio-card p{margin:0;color:var(--muted);line-height:1.85}.studio-card-feature{background:linear-gradient(145deg,#ffffffc7,#ffffff61),linear-gradient(145deg,#22d3ee2e,#e8ad9c1f)!important}.ant-layout{background:transparent}.ant-btn{border-radius:8px;border-color:#67929642;color:#24575d;background:#ffffff8f;box-shadow:none}.ant-btn:hover{border-color:var(--leaf);color:#0c737c;background:#ffffffc7}.ant-btn-primary{border-color:transparent!important;background:linear-gradient(135deg,#22c6bd,#42d9a7)!important;color:#06383b!important;box-shadow:0 14px 30px #22c6bd3d}.ant-btn-primary:hover{background:linear-gradient(135deg,#14b8b4,#2fcf96)!important;color:#053235!important}.ant-btn-dangerous{color:#b45f50;border-color:#e8ad9c80;background:#fff8f6c7}.ant-card{border-radius:8px;border-color:#ffffffad;background:var(--panel-strong);box-shadow:0 18px 42px #1f4b5217;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ant-card-head{border-bottom-color:#6792962e}.ant-card-head-title{color:#173f44;font-weight:760}.ant-alert{border-radius:8px;border-color:#ffffffad;background:#ffffff8f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ant-alert-info{border-color:#22d3ee3d;background:#ecfeffa8}.ant-table-wrapper .ant-table{overflow:hidden;border-radius:8px;background:#ffffff9e;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ant-table-wrapper .ant-table-thead>tr>th{border-bottom:1px solid rgba(103,146,150,.18);background:#ecfeffb3;color:#315f64;font-weight:760}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom-color:#67929621;background:#ffffff61}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#ecfeffb8!important}.ant-tag{border-radius:999px;padding:1px 10px;border-color:#67929638;background:#fff9}.ant-form-item-label>label{color:#234c52;font-weight:680}.ant-input,.ant-input-number,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker,textarea.ant-input{border-radius:8px!important;border-color:#67929647!important;background:#ffffffb8!important;color:var(--ink)!important}.ant-input:hover,.ant-input-number:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover,.ant-picker:hover,textarea.ant-input:hover{border-color:var(--leaf)!important}.ant-input:focus,.ant-input-focused,.ant-input-number-focused,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused,textarea.ant-input:focus{border-color:var(--leaf)!important;box-shadow:0 0 0 3px #2fbf8f26!important}.ant-divider-horizontal.ant-divider-with-text{color:#456d72;border-block-start-color:#67929638}.ant-modal .ant-modal-content{border-radius:8px;border:1px solid rgba(255,255,255,.72);background:#ffffffd1;box-shadow:0 30px 90px #1f4b5238;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.ant-modal .ant-modal-header{background:transparent;border-bottom:1px solid rgba(103,146,150,.18)}.ant-modal .ant-modal-title{color:var(--ink);font-weight:780}.ant-descriptions-bordered .ant-descriptions-view{border-color:#67929633;border-radius:8px;overflow:hidden}.ant-descriptions .ant-descriptions-item-label{background:#ecfeffb3;color:#315f64;font-weight:740}.ant-switch.ant-switch-checked{background:var(--leaf)}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#ecfeffad,#fff6f057),url(/studio-login.jpg) center/cover}.login-card{width:min(430px,100%);padding:36px;border-radius:8px;background:#ffffff9e;border:1px solid rgba(255,255,255,.72);box-shadow:0 34px 96px #14333738;-webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2)}.login-kicker{margin-bottom:12px;color:#0d7780;font-size:12px;font-weight:820;letter-spacing:.04em;text-transform:uppercase}.login-card h1{margin:0;color:var(--ink);font-size:27px;font-weight:820}.login-card p{margin:10px 0 24px;color:#507279;line-height:1.7}.json-box{border:1px solid rgba(22,52,58,.24);background:#ffffffa8}@media(max-width:900px){.sider{width:210px!important;min-width:210px!important;max-width:210px!important}.content{padding:18px}.page-card{padding:22px}.page-head,.dashboard-hero,.topbar{align-items:flex-start;flex-direction:column}.topbar{height:auto;padding:18px}.metric-strip{grid-template-columns:1fr}.dashboard-grid .ant-col{flex:0 0 100%!important;max-width:100%!important;margin-bottom:16px}}
