*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#080808;color:#eee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.app{min-height:100vh;background:radial-gradient(circle at 80% 0,#2a080b22,transparent 30%),#080808}.side{position:fixed;left:0;top:0;bottom:0;width:248px;background:#0a0a0a;border-right:1px solid #1d1d1d;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:12px;padding:2px 10px 28px}.logo>b{width:43px;height:43px;border-radius:12px;background:#e42e37;display:grid;place-items:center;font-size:23px;box-shadow:0 8px 25px #e42e3730}.logo strong,.logo span{display:block}.logo strong{font-size:14px;letter-spacing:.7px}.logo span{font-size:10px;color:#8a8a8a;letter-spacing:2px;margin-top:2px}.label{font-size:9px;letter-spacing:1.8px;color:#555;padding:0 12px 9px}.nav{width:100%;border:0;background:transparent;color:#8a8a8a;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;margin:2px 0;font-size:13px;transition:.16s}.nav:hover{background:#141414;color:#ddd}.nav.active{background:linear-gradient(90deg,#281012,#1a0d0e);color:#fff;box-shadow:inset 3px 0 #ed313b}.bottom{margin-top:auto;border-top:1px solid #202020;padding-top:14px}.user{display:flex;align-items:center;gap:10px;padding:13px 10px 4px}.avatar{width:34px;height:34px;border-radius:9px;background:#2b0d0f;color:#ed3941;display:grid;place-items:center;font-weight:800}.user b{display:block;font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user small{display:block;color:#555;font-size:9px;margin-top:3px}.dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#555}.dot.on{background:#4fd487;box-shadow:0 0 10px #4fd48788}main{margin-left:248px;min-height:100vh}header{height:82px;border-bottom:1px solid #1b1b1b;background:#090909e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:10}header small,.section-head>div>span,.welcome span,.clock-hero span,.report-hero>div>span{color:#606060;font-size:9px;letter-spacing:1.8px}header h1{font-size:21px;margin:4px 0 0;letter-spacing:-.3px}.head-actions{display:flex;align-items:center;gap:12px}.icon,.hamb{width:37px;height:37px;border:1px solid #282828;background:#111;color:#aaa;border-radius:9px;display:grid;place-items:center;cursor:pointer}.icon:hover{color:#fff;border-color:#3b3b3b}.status{display:flex;align-items:center;gap:5px;color:#59d88c;font-size:10px}.status.off{color:#666}.hamb{display:none}.content{padding:28px 36px 55px;max-width:1480px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;border:1px solid #211819;background:linear-gradient(110deg,#180b0c,#0d0d0d 62%);border-radius:14px;padding:22px 24px;margin-bottom:16px;overflow:hidden}.welcome h2,.section-head h2{font-size:23px;margin:5px 0 4px;letter-spacing:-.5px}.welcome p,.section-head p{margin:0;color:#777;font-size:11px}.welcome-mark{width:55px;height:55px;border-radius:15px;background:#e52f38;color:#fff;display:grid;place-items:center;font-size:27px;font-weight:900;box-shadow:0 12px 30px #e52f3830}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:#0f0f0f;border:1px solid #202020;border-radius:11px;padding:17px 18px;min-height:119px}.card-top{display:flex;align-items:center;justify-content:space-between}.card small{color:#777;font-size:10px}.card-icon{width:28px;height:28px;border-radius:8px;background:#1b0d0e;color:#d93139;display:grid;place-items:center}.card strong{display:block;font-size:29px;margin:11px 0 4px;letter-spacing:-1px}.card>span:last-child{font-size:9px;color:#555}.positive{color:#59d88c!important}.negative{color:#e85a61!important}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.panel{background:#0f0f0f;border:1px solid #202020;border-radius:11px;padding:17px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel h3{font-size:13px;margin:0}.panel-title small{display:block;color:#555;font-size:9px;margin-top:3px}.chart{height:285px}.mini-list{display:flex;flex-direction:column}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid #1b1b1b;font-size:11px}.row:last-child{border-bottom:0}.row span{min-width:0}.row span b{display:block;font-size:11px}.row span small{display:block;color:#555;font-size:9px;margin-top:3px}.row>strong{font-size:11px;white-space:nowrap}.row>strong small{font-weight:400;color:#555}.green{color:#59d88c}.red{color:#e85a61}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;width:290px;border:1px solid #252525;background:#0f0f0f;border-radius:9px;padding:0 11px;color:#666}.search input{width:100%;padding:10px 0;border:0;outline:0;background:transparent;color:#eee;font-size:11px}.primary{border:0;background:#df3038;color:#fff;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700;font-size:11px;box-shadow:0 8px 22px #df303822}.primary:hover{background:#ef3b43}.danger{background:#7e2026}.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.stock-card{background:#0f0f0f;border:1px solid #202020;border-radius:11px;padding:16px;min-height:205px;display:flex;flex-direction:column;transition:.16s}.stock-card:hover{transform:translateY(-2px);border-color:#353535}.stock-card.low{border-color:#412023}.stock-top{display:flex;align-items:center;justify-content:space-between}.stock-top>span{font-size:9px;color:#5e5e5e}.stock-icon{width:38px;height:38px;border-radius:10px;background:#211012;color:#e5343d;display:grid;place-items:center}.stock-name{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.stock-name h3{font-size:12px;margin:0}.stock-name small{display:block;color:#5c5c5c;font-size:9px;margin-top:4px}.stock-value{display:flex;align-items:end;gap:5px;margin:15px 0}.stock-value strong{font-size:27px;letter-spacing:-1px}.stock-value span{color:#666;font-size:10px;padding-bottom:4px}.stock-move{margin-top:auto;width:100%;border:1px solid #292929;background:#151515;color:#ddd;border-radius:8px;padding:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px}.stock-move:hover{background:#1b1b1b;border-color:#3a3a3a}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px;min-width:650px}th{text-align:left;color:#555;font-weight:500;padding:10px;border-bottom:1px solid #262626}td{padding:11px 10px;border-bottom:1px solid #191919;color:#aaa}td b{color:#ddd}.tag{display:inline-flex;padding:4px 7px;border-radius:999px;background:#171717;color:#aaa;font-size:9px}.tag.green{background:#0e2117;color:#58d487}.tag.red{background:#2a1012;color:#ea5c64}.empty{padding:32px;text-align:center;color:#4f4f4f;font-size:10px}.activity-list{display:grid;gap:10px}.activity-card{background:#0f0f0f;border:1px solid #202020;border-radius:11px;padding:16px}.activity-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.activity-title{display:flex;align-items:center;gap:10px}.activity-icon{width:34px;height:34px;border-radius:9px;background:#211012;color:#e5343d;display:grid;place-items:center}.activity-head h3{font-size:13px;margin:0 0 4px}.activity-head small{color:#5d5d5d;font-size:9px}.activity-card p{color:#999;font-size:11px;line-height:1.6;margin:14px 0}.participants{display:flex;gap:6px;flex-wrap:wrap}.participants span{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;background:#151515;color:#888;font-size:9px}.clock-hero,.report-hero{background:linear-gradient(110deg,#190b0c,#0f0f0f 65%);border:1px solid #2d1819;border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.clock-hero h2,.report-hero h2{font-size:23px;margin:5px 0}.clock-hero p,.report-hero p{margin:0;color:#777;font-size:11px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.report-card{background:#0f0f0f;border:1px solid #202020;border-radius:11px;padding:17px}.report-card svg{color:#e3343d;width:18px}.report-card strong{display:block;font-size:27px;margin:12px 0 3px}.report-card span{font-size:10px;color:#666}.report-items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-items>div{display:flex;gap:12px;padding:13px;background:#131313;border:1px solid #1d1d1d;border-radius:8px}.report-items>b,.report-items>div>b{color:#e3343d;font-size:11px}.report-items span{font-size:10px;color:#777}.report-items strong{display:block;color:#ddd;font-size:11px;margin-bottom:3px}.settings-form{display:flex;align-items:end;gap:10px}.settings-form>div{flex:1}.settings-form label{display:block;color:#666;font-size:9px;margin-bottom:6px}.form input,.settings-form input,label input,label textarea{background:#0a0a0a;border:1px solid #292929;color:#eee;border-radius:7px;padding:10px;outline:0;width:100%;font-size:11px}label{display:block;color:#777;font-size:9px;margin-top:13px}label input,label textarea{display:block;margin-top:6px}textarea{min-height:90px;resize:vertical}.channel-list{display:grid;gap:8px}.channel-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 12px;background:#131313;border:1px solid #1d1d1d;border-radius:8px}.channel-list span{font-size:10px;color:#aaa}.channel-list code{font-size:9px;color:#777}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;z-index:50;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(480px,100%);background:#101010;border:1px solid #303030;border-radius:12px;padding:20px;box-shadow:0 30px 90px #000}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-head h3{font-size:15px;margin:0}.modal-head button{border:0;background:transparent;color:#666;cursor:pointer}.modal-item{display:flex;align-items:center;gap:10px;padding:12px;background:#151515;border:1px solid #202020;border-radius:9px;margin:13px 0}.modal-item b{display:block;font-size:11px}.modal-item small{display:block;color:#666;font-size:9px;margin-top:3px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.seg button,.modal-actions>button:not(.primary){background:#171717;color:#aaa;border:1px solid #292929;padding:10px;border-radius:7px;cursor:pointer;font-size:10px}.seg .sel{background:#321012;color:#fff;border-color:#9e272e}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.recharts-default-tooltip{background:#151515!important;border:1px solid #333!important}.recharts-legend-item-text{color:#aaa!important;font-size:9px}.recharts-text{fill:#666;font-size:9px}.overlay{display:none}@media(max-width:1150px){.cards{grid-template-columns:repeat(2,1fr)}.stock-grid{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}.grid3,.grid2{grid-template-columns:1fr}}@media(max-width:760px){.side{transform:translate(-100%);transition:.2s}.side.open{transform:translate(0)}.overlay.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:15}main{margin-left:0}header{padding:0 18px}.hamb{display:grid}.content{padding:20px 15px}.cards,.stock-grid{grid-template-columns:1fr 1fr}.section-head{align-items:stretch;flex-direction:column}.search{width:100%}.report-items{grid-template-columns:1fr}.head-actions .status{display:none}}@media(max-width:480px){.cards,.stock-grid,.report-grid{grid-template-columns:1fr}.clock-hero,.report-hero{align-items:stretch;flex-direction:column;gap:15px}.settings-form{align-items:stretch;flex-direction:column}}