@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--dark:#101b25;--panel:#172633;--line:#2b3f4c;--white:#f4f7f6;--muted:#91a6ac;--mint:#a5ebc1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101b25;color:var(--white);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:218px 1fr;min-height:100vh}aside{background:#12212c;border-right:1px solid var(--line);padding:27px 16px;display:flex;flex-direction:column}.logo{font-size:31px;font-weight:800;letter-spacing:-.09em;margin:0 11px 56px}.logo span{color:var(--mint);font-size:19px;vertical-align:top;margin-left:3px}.workspace{padding:13px;border:1px solid var(--line);border-radius:8px;color:#7e969d;font-size:8px;font-weight:800;letter-spacing:.1em}.workspace strong{display:block;font-size:11px;color:#e4f0eb;margin-top:7px;letter-spacing:0}aside nav{display:grid;gap:5px;margin-top:29px}aside nav a{display:flex;align-items:center;gap:15px;padding:12px 13px;color:#7f9ba0;font-size:20px}aside nav a.active{background:#233b42;border-radius:8px;color:var(--mint)}aside nav span{font-size:11px;font-weight:800}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px;color:#7c989e;font-size:9px;letter-spacing:.1em}.aside-bottom p{line-height:1.6;font-size:10px;letter-spacing:0}main{min-width:0}header{height:87px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:0 4.5%}header span{font-size:9px;letter-spacing:.14em;color:#7e969d;font-weight:800}header h1{font-size:19px;margin:4px 0 0;letter-spacing:-.04em}.header-actions{display:flex;align-items:center;gap:10px}.upload,header button{border:1px solid #5a8477;background:#1e3a3b;color:var(--mint);padding:12px 15px;border-radius:7px;font-size:10px;font-weight:800;cursor:pointer}.upload input{display:none}header button{background:transparent;border-color:var(--line);color:#9cb5b6}.content{max-width:1500px;margin:auto;padding:34px 4.5% 80px}.intro{display:flex;justify-content:space-between;align-items:center;overflow:hidden;min-height:245px;padding:30px 38px;background:radial-gradient(circle at 75% 35%,#2e6253,#1a3639 45%,#1b2f37 75%);border:1px solid #335447;border-radius:14px}.kicker{font-size:9px;font-weight:800;letter-spacing:.17em;color:var(--mint)}.intro h2{font-size:clamp(35px,3.8vw,60px);letter-spacing:-.07em;line-height:1.12;margin:15px 0 12px}.intro h2 em{font-style:normal;color:var(--mint)}.intro p{color:#b4c5c1;font-size:11px}.intro-art{position:relative;width:240px;height:160px;flex:none}.intro-art:before,.intro-art:after{content:'';position:absolute;border:1px solid #a5ebc14c;border-radius:50%;inset:5px 30px}.intro-art:after{inset:20px 48px}.intro-art span{position:absolute;right:0;bottom:0;font-size:9px;letter-spacing:.1em}.pulse-line{position:absolute;z-index:1;inset:0;background:linear-gradient(125deg,transparent 7%,#b0f0c8 8% 9%,transparent 10% 25%,#b0f0c8 26% 27%,transparent 28% 40%,#b0f0c8 41% 42%,transparent 43%);clip-path:polygon(0 70%,15% 70%,27% 35%,40% 70%,50% 50%,65% 70%,78% 15%,92% 70%,100% 70%,100% 75%,0 75%);filter:drop-shadow(0 0 6px #b0f0c8)}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 17px}.source{display:flex;align-items:center;gap:8px;font-size:11px}.source-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.source small{color:#758e96}.toolbar label{display:flex;align-items:center;gap:8px;font-size:10px;color:#9fb2b7}.toolbar select{border:1px solid var(--line);border-radius:6px;background:#192a34;color:#eaf4f0;padding:9px 12px;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metrics article{padding:21px;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:130px}.metrics span{display:block;font-size:8px;letter-spacing:.11em;font-weight:800;color:#90abb0}.metrics strong{display:block;margin-top:17px;font-size:clamp(21px,2.4vw,34px);letter-spacing:-.06em}.metrics article:first-child strong{color:var(--mint)}.metrics small{display:block;margin-top:5px;font-size:9px;color:#728d96}.chart-panel,.data-panel{margin-top:17px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-head h3{font-size:18px;letter-spacing:-.04em;margin:5px 0 0}.legend{display:flex;align-items:center;gap:8px;color:#94abae;font-size:10px}.legend i{width:8px;height:8px;background:var(--mint);border-radius:50%}.chart-wrap{width:100%;height:245px;margin-top:20px}canvas{display:block;width:100%;height:100%}.data-panel button{background:transparent;border:0;color:var(--mint);font-size:10px;font-weight:800}.table-wrap{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:13px 10px;background:#1d303b;color:#88a3a9;font-size:9px;letter-spacing:.1em}td{padding:13px 10px;border-bottom:1px solid #2b3e49;color:#d0e0db;font-size:10px}td .badge{padding:4px 7px;border-radius:5px;font-size:9px;background:#345843;color:#b4e8c5}td .badge.pending{background:#564a32;color:#f1d9a5}td .badge.cancelled{background:#553b43;color:#efb7c0}.table-note{font-size:9px;color:#7f9ba1}@media(max-width:1000px){.shell{grid-template-columns:64px 1fr}aside{padding:16px 5px}.logo{font-size:0;margin:0 0 50px;text-align:center}.logo:before{content:'s';font-size:32px}.logo span,.workspace,.aside-bottom,aside nav span{display:none}aside nav a{justify-content:center;padding:10px;font-size:19px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{grid-template-columns:1fr}aside{display:none}header{height:auto;padding:20px 5%;align-items:start;flex-direction:column}.header-actions{width:100%}.header-actions>*{flex:1;text-align:center}.content{padding:20px 5% 60px}.intro{padding:27px;min-height:260px}.intro h2{font-size:38px}.intro-art{display:none}.toolbar{align-items:start;flex-direction:column}.metrics{gap:7px}.metrics article{padding:15px;min-height:105px}.metrics strong{font-size:24px}.chart-panel,.data-panel{padding:16px}.chart-wrap{height:190px}}