html,body,#root{margin:0;min-height:100%}:root{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:#e8edf3;background:#000}#root{min-height:100vh}.app-shell{max-width:1360px;margin:0 auto;padding:16px}.header{background:radial-gradient(circle at 92% 18%,rgba(164,176,192,.22),transparent 34%),linear-gradient(120deg,#2a313a,#37414d 52%,#45515f);border:1px solid #657486;border-radius:10px;padding:14px;margin-bottom:10px;box-shadow:0 10px 24px #00000052}.brand-row{display:flex;align-items:center;gap:10px}.brand-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;font-size:1.1rem;background:#323b46;border:1px solid #6a7888}.header h1{margin:0;font-size:1.1rem;color:#f1f5fa;letter-spacing:.1px}.header p{margin:3px 0 0;color:#c6d0dd;font-size:.9rem}.top-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.users-tabs{display:flex;gap:6px;align-items:flex-end}.admin-bg-row{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}button{border:1px solid #bccde5;background:linear-gradient(160deg,#fff,#eef4fd);color:#5a79a6;border-radius:7px;padding:6px 10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;font-weight:500;font-size:.82rem}button:hover{border-color:#94afd8;background:#eaf2ff;box-shadow:0 6px 12px #0000002e}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.nav-btn.active{background:#8c6f3f;border-color:#d2b681;color:#fff6e4}.nav-btn{background:#6f5732;color:#f9edd6;border-color:#9f8455}.nav-btn:not(.active){color:#f5e4c2}.nav-btn.ghost{background:#7a6037}.panel,.module{background:#000;border:1px solid #2b2b2b;border-radius:10px;padding:12px;box-shadow:0 8px 18px #00000059}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-head h2,.panel-head h3{margin:0;color:#29493b;font-size:.98rem}.sheet-module-title{font-size:1.35rem!important;font-weight:800;letter-spacing:.2px;margin-bottom:10px!important}.pill{font-size:.66rem;border:1px solid #d8c7a4;border-radius:999px;padding:2px 7px;color:#6f5430;background:#f6efdf;font-weight:600}.key-badge{display:inline-block;padding:1px 6px;border-radius:999px;background:#ffedd2;border:1px solid #e0b36a;color:#8a5818;font-weight:700}.muted{color:#7a6648;margin:7px 0 9px;font-size:.84rem}.tree,.tree-item{display:flex;flex-direction:column;gap:6px}.tree-children{margin-left:14px;display:flex;flex-direction:column;gap:6px;border-left:2px solid #d9e4f3;padding-left:8px;background:#f8fbff;border-radius:8px;padding-top:6px;padding-bottom:6px}.tree-toggle{text-align:left;display:flex;justify-content:space-between;align-items:center;width:100%;transition:transform .12s ease,box-shadow .12s ease}.tree-toggle:hover{transform:translateY(-1px)}.module>.category-head{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.module>.category-head:hover{transform:translateY(-1px);box-shadow:0 6px 12px #3a517324;filter:saturate(1.03)}.tree-toggle.label{background:#edf4ff;color:#223f68}.label-tree{display:inline-block;margin-right:5px;vertical-align:-5px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.1))}.project-basket{display:inline-block;margin-right:4px;vertical-align:-3px}.sheet-apple{display:inline-block;margin-right:4px;vertical-align:-2px}.section-icon{display:inline-block;width:28px;height:28px;margin-right:8px;vertical-align:-7px}.module-title-icon{display:inline-block;font-size:1.4rem;line-height:1;margin-right:8px;vertical-align:-3px}.tab-icon-wrap{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;vertical-align:middle}.tab-icon{display:block;width:22px;height:22px;transform:scale(1.55);transform-origin:center}.tree-toggle.project{background:#f4f8ff;color:#294971}.project-row-actions{position:relative}.project-row-actions .tree-toggle.project{width:100%;padding-right:38px}.project-row-actions .icon-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.count{font-size:.72rem;color:#4b6893;font-weight:500}.file-link{text-align:left;border-color:#c5d7ee;background:#fff;color:#5175a7;font-weight:500}.sheet-row{position:relative}.sheet-row .file-link{width:100%;padding-right:38px}.sheet-row .icon-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.file-link.selected{background:#e7f0ff;border-color:#92b1e2}.project-layout{display:flex;flex-direction:column;gap:10px}.breadcrumb-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#5c846d2e;border:1px solid rgba(108,157,128,.38);border-radius:10px;padding:6px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.breadcrumb{margin:0;color:#3f6f53;display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:.84rem}.breadcrumb-link{border:0;background:transparent;color:#2f8f5a;padding:0;text-decoration:underline;font-weight:600}.breadcrumb-link:hover{box-shadow:none;color:#46a86d}.crumb-sep{color:#5f8f71}.back{background:#f2d66b;border-color:#d2b44a;color:#2b1f07}.back:hover{background:#e8c74f;border-color:#c9a737}.sheet-title-player{margin:0 0 8px;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:1.04rem;font-weight:700;color:#2c4b3d;text-align:center}.sheet-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:8px}.sheet-meta-grid>div{display:flex;flex-direction:column;justify-content:center;gap:2px;background:#edf2f8;border:1px solid #c2cede;border-radius:8px;padding:7px 9px}.sheet-meta-grid b{font-size:.73rem;color:#4e6077}.sheet-meta-grid span{font-size:.84rem;color:#23364f}.player-module{padding-top:8px}.wave{height:84px;border:1px dashed #b6c8e2;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#5f7ea8;background:#f4f8ff;font-size:.84rem}.controls{margin-top:8px;display:flex;flex-wrap:wrap;gap:7px}.module-grid{display:grid;grid-template-columns:1fr;gap:10px}.module-grid>.module>h3{color:#1f3f33}.module-grid .category-head,.module-grid .category-head span,.module-grid .category-head b,.module-grid .category-head strong{color:#244c74!important}@media(min-width:920px){.module-grid{grid-template-columns:1fr}}.category{border:1px solid #2b3c58;border-radius:8px;margin-bottom:8px;overflow:hidden;background:#354a64}.module>.category:first-of-type{margin-top:8px}.category-head{width:100%;border:0;border-radius:0;display:flex;justify-content:space-between;align-items:center;background:#39506b;color:#e6f0ff;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.category-head:hover{transform:translateY(-1px);box-shadow:0 6px 12px #3a517324;filter:saturate(1.03)}.category-head span{color:#eaf3ff;font-weight:500}.upload,.upload-btn{font-size:.66rem;color:#bfd2ef;border:1px solid #4a6287;border-radius:999px;padding:1px 7px;background:#162235}.upload-btn{cursor:pointer}.category ul{margin:0;padding:9px 12px 10px;display:grid;gap:6px;background:#f8fbff}.category ul li,.category ul a,.category ul span{color:#4f6f9e}.file-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.file-actions{display:flex;gap:6px}.soft{border-color:#bfd1ec;background:#f4f8ff;color:#5a7daa}.soft:hover{border-color:#9db8e0;background:#edf4ff}.danger{border-color:#f1c7c7;background:#fff7f7;color:#b77b7b}.danger:hover{border-color:#e2aaaa;background:#fff1f1}.icon-btn{width:20px;min-width:20px;height:20px;padding:0;display:inline-grid;place-items:center;font-size:.72rem;line-height:1}.chat-box{border:1px solid #cddbec;border-radius:8px;padding:9px;margin-bottom:8px;background:#f7fbff;color:#243b5f;height:320px;overflow-y:auto;scrollbar-gutter:stable}@media(max-width:900px){.chat-box{height:260px}}.task-box{height:280px}@media(max-width:900px){.task-box{height:230px}}.chat-box p{margin:0 0 6px;font-size:.84rem}.chat-input{display:flex;gap:7px}.chat-input input,.chat-input select{flex:1;border-radius:7px;border:1px solid #bccde6;background:#fff;color:#213654;padding:7px 9px;font-size:.82rem}.panel,.module,.category,.permissions-tab,.perm-group{position:relative}.panel:before,.module:before,.category:before,.permissions-tab:before,.perm-group:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#8eaada,#b8cae6);opacity:.78;border-radius:10px 0 0 10px}.permissions-tab{border:1px solid #cbd8eb;border-radius:8px;padding:8px 9px 8px 12px;background:#f8fbff}.permissions-tab>summary{cursor:pointer;font-weight:600;color:#6c8fbe;font-size:.84rem}.perm-group{border:1px solid #d6e1f1;border-radius:8px;padding:7px 7px 7px 11px;background:#fff}.perm-group-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}pre.muted{font-size:.74rem;line-height:1.35;background:#131e2f;border:1px solid #32465f;border-radius:7px;padding:7px}.top-nav .nav-btn{color:#3b2e12!important;background:#f2d66b!important;border-color:#d2b44a!important}.top-nav .nav-btn.active{color:#2b1f07!important;background:#e8c74f!important;border-color:#c9a737!important}.top-nav .nav-btn:disabled{color:#8c7a56!important;opacity:.75}.category-head,.category-head span,.category-head b,.category-head strong{color:#f7f3e8!important}.category-head{background:#1a2a40!important}.module{background:#d7dee7!important;border:1px solid #aeb9c7!important;box-shadow:0 8px 18px #1f2b3a24!important}.category{background:#e8edf3!important;border:1px solid #bac6d4!important;transition:transform .12s ease,box-shadow .12s ease}.category:hover{transform:translateY(-1px);box-shadow:0 8px 16px #3a51731f}.category-head{background:#edf3fa!important;color:#243a53!important;border:1px solid #c9d5e4!important}.category-head span,.category-head b,.category-head strong{color:#243a53!important}.module>.category-head{background:transparent!important;border-color:#d7deea!important}.module>.category-head span,.module>.category-head b,.module>.category-head strong{color:#1f334a!important}.module .panel-head h3:not(.sheet-module-title),.module>.category-head span{font-size:.95rem!important;font-weight:800!important;letter-spacing:.2px;line-height:1.12}.category .category-head{background:#f6f8fb!important;border-color:#dbe3ee!important}.category ul{background:#fff!important}.category .file-row button,.category .file-row .soft,.category .file-row .danger,.category .file-row .file-link,.category .file-row a,.category .file-row span{color:#24456f!important;font-size:.74rem!important}.category .file-row{gap:6px}.category .file-row .file-actions{gap:4px}.category .file-row button,.category .file-row .soft,.category .file-row .danger,.category .file-row .file-link{padding:4px 7px!important;border-radius:6px!important;line-height:1.1}.category .file-row .soft,.category .file-row .file-link{background:#aae6b938!important;border-color:#78c39180!important;backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1)}.category .file-row .danger{background:#ffdcdc38!important;border-color:#ebafaf80!important;backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05)}.category .file-row .soft:hover,.category .file-row .file-link:hover{background:#bef5cd57!important;border-color:#84cd9ca3!important}.category .file-row .danger:hover{background:#ffefef!important;border-color:#ddb2b2!important}.category .file-row .danger{color:#b07a7a!important}.category-head .upload-btn,.category-head .upload{background:#e7edf5!important;border-color:#9daec2!important;color:#30465f!important}.category-head .upload-btn:hover,.category-head .upload:hover{background:#dbe4ef!important;border-color:#8699af!important;color:#22364d!important}.admin-users-panel{background:#f7fbff!important;border:1px solid #c9d9ef!important;color:#1f3352}.admin-users-panel .panel,.admin-users-panel .permissions-tab,.admin-users-panel .perm-group,.admin-users-panel .tree-children{background:#fff!important;border-color:#d3e0f1!important;color:#1f3b63!important}.admin-users-panel .muted,.admin-users-panel .count,.admin-users-panel .pill,.admin-users-panel summary,.admin-users-panel label,.admin-users-panel span,.admin-users-panel b,.admin-users-panel strong{color:#284972!important}.admin-users-panel button,.admin-users-panel .soft,.admin-users-panel .danger,.admin-users-panel .file-link,.admin-users-panel .upload-btn,.admin-users-panel .nav-btn{background:#fff!important;color:#24456f!important;border-color:#c3d6ee!important}.admin-users-panel button:hover,.admin-users-panel .soft:hover,.admin-users-panel .danger:hover,.admin-users-panel .file-link:hover{background:#f1f7ff!important;border-color:#a8c2e8!important}.admin-users-panel input,.admin-users-panel select,.admin-users-panel textarea{background:#fff!important;color:#1f3f67!important;border-color:#bfd1ea!important}.admin-users-panel .permissions-tab>summary{color:#1e3f68!important;font-weight:700}.admin-users-panel .perm-group b{color:#1f3e66!important}.admin-users-panel label span{color:#24466f!important}.admin-users-panel .panel-head h2{color:#17365f!important;font-weight:800}.panel .count{color:#45638e}.wave{position:relative;display:block;padding:8px}.wave-canvas{width:100%;height:68px;display:block;border-radius:6px;cursor:pointer}.wave-meta{margin-top:6px;display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:#5f7ea8}.emoji-panel{margin-top:6px;padding:8px;border:1px solid #c9d9ef;background:#fff;border-radius:8px;display:grid;grid-template-columns:repeat(10,minmax(28px,1fr));gap:6px;max-width:420px}.emoji-panel button{padding:4px 0;min-height:30px}.lightbox{position:fixed;inset:0;background:#060a14b8;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox-inner{background:#f7fbff;border:1px solid #c9d9ef;border-radius:12px;padding:12px;max-width:95vw;max-height:90vh;overflow:auto}.task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}.task-actions{display:inline-flex;align-items:center;gap:4px}.task-actions button{padding:2px 6px;font-size:.72rem;min-height:22px}.task-overdue{background:#ffececb3;border-radius:6px;padding:4px 6px}.chat-msg-row{border-bottom:1px dashed #d6e3f3;padding:6px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-msg-content{flex:1;min-width:0}.chat-msg-actions{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;align-self:center}.chat-msg-actions button{padding:2px 6px;font-size:.72rem}