.dashboard{width:100%}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:20px;padding:0}.widget{background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:22px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;max-height:260px;overflow:hidden;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:0 8px 16px #0006,0 0 12px #7cc6ff4d;transition:transform .2s ease,box-shadow .2s ease}.widget:hover{transform:translateY(-6px);box-shadow:0 14px 24px #00000080,0 0 18px #ff6ad580}.widget h3{margin-top:0;margin-bottom:14px;color:#7cc6ff;font-size:1.6rem;letter-spacing:1px}.widget-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between}.code-progress-widget{display:flex;flex-direction:column;min-height:0}.progress-bar{width:100%;height:14px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.12);overflow:hidden;position:relative;box-shadow:inset 0 0 6px #0006}.progress-fill{height:100%;border-radius:12px;background:linear-gradient(90deg,#ff9af3,#c17cff,#7bc6ff 66%,#57e5ff);transition:width .45s ease;box-shadow:0 0 6px #ffa3ff80,0 0 12px #7cc6ff66}.progress-label{font-size:1rem;margin-top:12px;margin-bottom:10px;color:#ffffffd9}.code-progress-widget .widget-footer{opacity:.75;font-size:.85rem}.meeting-widget{display:flex;flex-direction:column;min-height:0}.gauge-container{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:10px 0}.gauge{width:120px;height:120px;position:relative;border-radius:50%;background:conic-gradient(#7bc6ff 0deg 140deg,#c17cff 140deg 240deg,#ff9af3 240deg 360deg);display:flex;justify-content:center;align-items:center;box-shadow:0 0 12px #7cc6ff66,0 0 18px #ff6ad54d}.gauge-fill{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,#0c0f14,#0a0d12 60%,#050608);box-shadow:inset 0 0 10px #000c,0 0 8px #ffffff0d}.gauge-cover{position:absolute;font-size:1.3rem;font-weight:700;color:#c7e7ff;pointer-events:none}.meeting-widget .widget-footer{opacity:.75;font-size:.85rem;text-align:center}.nap-widget{display:flex;flex-direction:column;min-height:0}.nap-box{flex:1;min-height:0;background:#00000040;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 0 10px #0009,0 0 10px #7cc6ff33}.stat-row{display:flex;justify-content:space-between;font-size:.95rem;color:#ffffffd9}.label{opacity:.85}.value{font-weight:700;color:#c7e7ff;text-align:right}.achievement{color:#9ec8ff;font-weight:700;max-width:120px;text-align:right}.nap-widget .widget-footer{opacity:.75;font-size:.85rem;margin-top:8px}.chaos-widget{display:flex;flex-direction:column;min-height:0}.chaos-bar{width:100%;height:16px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:inset 0 0 6px #0006,0 0 6px #ff6ad540}.chaos-fill{height:100%;border-radius:12px;background:linear-gradient(90deg,#ff6ad5,#c17cff,#7bc6ff,#57e5ff);background-size:300% 100%;animation:chaosShift 2.5s infinite ease-in-out;transition:width .35s ease-out;box-shadow:0 0 14px #ff6ad580,0 0 22px #7cc6ff66}@keyframes chaosShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.chaos-label{margin:12px 0 6px;font-size:1rem;color:#ffffffd9;text-align:left}.chaos-widget .widget-footer{opacity:.75;font-size:.85rem}.code-input-panel{height:100%;display:flex;flex-direction:column;min-height:0}.code-input-panel h3{margin:0 0 12px}.code-area{flex:1;min-height:0;padding:14px;background:#00000040;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:monospace;font-size:.95rem;resize:none;outline:none;overflow:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:2px}.panel-title{display:flex;align-items:center;gap:6px}.panel-title h3{margin:0;padding:0;font-family:Astounder,sans-serif;font-size:1.6rem;color:#b8d7ff;letter-spacing:1px;text-shadow:none!important}.panel-icon{font-size:1.3rem;opacity:.85;filter:none}.window-controls{display:flex;gap:5px}.ctrl{width:11px;height:11px;border-radius:50%;cursor:pointer;box-shadow:none;border:1px solid rgba(0,0,0,.3);transition:transform .1s ease}.ctrl:hover{transform:scale(1.15)}.btn-red{background:#ff5f56}.btn-yellow{background:#ffbd2e}.btn-green{background:#27c93f}.panel-content{flex:1;min-height:0;display:flex;flex-direction:column}.code-preview-panel{height:100%;display:flex;flex-direction:column;min-height:0}.code-preview-panel h3{margin:0}.preview-box{flex:1;min-height:0;background:#ffffff0d;border-radius:12px;border:2px solid rgba(255,255,255,.1);padding:14px;overflow:auto;color:#ccc}.preview-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.loading-bar{width:70%;height:14px;background:#ffffff14;border-radius:10px;border:2px solid rgba(255,255,255,.1);overflow:hidden}.loading-fill{height:100%;background:linear-gradient(90deg,#7cc6ff,#c17cff,#ff9af3);border-radius:8px;transition:width .4s ease-out}.loading-text{color:#b8d7ff;font-family:Astounder,sans-serif;font-size:1.2rem;margin:0}.loading-error{color:#ffffffb3;font-size:.85rem;margin-top:-4px}body{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;background-color:#0c0f14;margin:0;padding:0;font-family:Inter,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(255,106,213,.12),transparent 60%)}@font-face{font-family:Astounder;src:url(/assets/AstounderSquaredBB_reg-BcBoCo7T.otf) format("opentype");font-weight:400}@font-face{font-family:Astounder;src:url(/assets/AstounderSquaredBB_bold-CTu3GEaH.otf) format("opentype");font-weight:700}h1,h3{font-family:Astounder,sans-serif}html,body,#root{height:100%;min-height:0;margin:0;padding:0}.os-container{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:64px 1fr 40px;overflow:hidden}.os-header{display:flex;justify-content:space-between;align-items:center;height:64px;color:#fff;padding:0 28px;background:#00000040;border-bottom:2px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.os-header h1{margin:0}.os-main{display:grid;grid-template-columns:20% 40% 40%;min-height:0;height:100%;overflow:hidden}.os-col{overflow-y:auto;min-height:0;padding:20px}.widgets-col{border-right:2px solid rgba(255,255,255,.05)}.editor-col,.preview-col{display:flex;flex-direction:column;overflow:hidden;min-height:0;border-right:2px solid rgba(255,255,255,.05)}.preview-col{border-right:none}.os-panel{background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:22px;padding:16px 20px 20px;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:0 8px 16px #0006,0 0 12px #7cc6ff4d;transition:transform .2s ease,box-shadow .2s ease}.os-panel:hover{transform:translateY(-3px);box-shadow:0 12px 20px #00000073,0 0 16px #ff6ad566}.os-footer{height:40px;display:flex;justify-content:center;align-items:center;background:#00000040;border-top:2px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;color:#fff;opacity:.85}