@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--fg: #005555;--teal: #008C8C;--tl: #e6f5f5;--tm: #c0e8e8;--og: #FF6400;--ol: #fff3ec;--sand: #E8E4D2;--bg: #f5f4ef;--gn: #1a7a4a;--gl: #e8f5ee;--am: #b86e00;--al: #fff8e6;--rd: #C02B0A;--rl: #fdf0ec;--pu: #7c3aed;--pul: #f3e8ff;--tx: #1a2e2a;--t2: #4a6060;--t3: #8aacac;--br: #e0e8e8;--bm: #c8dada;--wh: #fff;--sh: 0 1px 4px rgba(0, 85, 85, .08), 0 0 0 1px rgba(0, 85, 85, .06);--sw: 232px;--swc: 52px;--font: "Inter", sans-serif;--r: 10px;--rs: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--tx);font-size:14px;line-height:1.5;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;display:flex;flex-direction:column}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}img{max-width:100%;display:block}hr{border:none;border-top:1px solid var(--br)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#909090}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .18s ease}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sw);background:var(--fg);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:10}.sidebar.collapsed{width:var(--swc)}.sb-top{display:flex;align-items:center;padding:10px 11px 8px;border-bottom:1px solid rgba(255,255,255,.12);gap:8px;min-height:76px;flex-shrink:0}.sidebar.collapsed .sb-top{flex-wrap:wrap;justify-content:center;row-gap:6px}.sb-logo{overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.sb-app-name{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffcd;padding-left:7px;white-space:nowrap;overflow:hidden}.sb-logo img{height:100px;object-fit:contain;object-position:left center;max-width:200px}.sidebar.collapsed .sb-logo{display:none}.sb-favicon{display:none;width:30px;height:30px;flex-shrink:0;align-items:center;justify-content:center}.sb-favicon img{width:30px;height:30px;object-fit:contain}.sidebar.collapsed .sb-favicon{display:flex}.sb-tog{background:none;border:none;color:#ffffff73;cursor:pointer;padding:4px;flex-shrink:0;display:flex;align-items:center;transition:color .15s}.sb-tog:hover{color:#fff}.sidebar.collapsed .sb-tog{display:none}.sb-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:4px}.sb-scroll::-webkit-scrollbar{width:4px}.sb-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.sb-sec{padding:11px 8px 2px}.sb-lbl{font-size:9px;font-weight:600;color:#ffffff47;letter-spacing:.08em;text-transform:uppercase;padding:0 6px;margin-bottom:2px;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sb-lbl{opacity:0}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--rs);cursor:pointer;color:#fff9;font-size:12px;border:none;background:none;width:100%;text-align:left;position:relative;transition:all .15s;white-space:nowrap;min-height:34px;text-decoration:none}.nav-item:hover{background:#ffffff14;color:#fff;text-decoration:none}.nav-item.active{background:#ffffff21;color:#fff;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--og);border-radius:0 2px 2px 0}.nav-item.disabled{cursor:not-allowed;color:#ffffff4d;pointer-events:none}.nav-item.disabled .nav-tag{background:#ffffff14;color:#fff6}.nav-ic{width:15px;height:15px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.nav-lbl{overflow:hidden;flex:1;font-size:12px}.sidebar.collapsed .nav-lbl{display:none}.nav-badge{margin-left:auto;background:var(--og);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:15px;text-align:center;flex-shrink:0}.sidebar.collapsed .nav-badge{display:none}.nav-tag{margin-left:auto;background:#ffffff26;color:#fff;font-size:8px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 6px;border-radius:8px;flex-shrink:0}.sidebar.collapsed .nav-tag{display:none}.nav-tip{display:none;position:absolute;left:calc(var(--swc) + 6px);top:50%;transform:translateY(-50%);background:#001414f2;color:#fff;font-size:11px;font-weight:500;padding:4px 9px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:200;box-shadow:0 4px 12px #0003}.sidebar.collapsed .nav-item:hover .nav-tip{display:block}.sb-foot{padding:9px 8px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar.collapsed .sb-foot{display:none}.sb-version{font-size:9px;color:#ffffff42;line-height:1.6;padding:4px 6px;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sb-version{display:none}.sb-expand{background:none;border:none;color:#ffffff59;cursor:pointer;padding:4px;flex-shrink:0;display:none;align-items:center;justify-content:center;transition:color .15s}.sb-expand:hover{color:#fff}.sidebar.collapsed .sb-expand{display:flex;flex-basis:100%;justify-content:center}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:52px;background:var(--wh);border-bottom:1px solid var(--br);display:flex;align-items:center;padding:0 20px;gap:10px;flex-shrink:0;padding-top:env(safe-area-inset-top)}.tb-right{display:flex;align-items:center;gap:6px;margin-left:auto}.bell-wrap{position:relative;cursor:pointer}.bell-btn{background:none;border:1px solid var(--br);border-radius:var(--rs);padding:6px 8px;cursor:pointer;display:flex;align-items:center;color:var(--t2);transition:all .15s}.bell-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--tl)}.bell-badge{position:absolute;top:-4px;right:-4px;background:var(--og);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--wh)}.user-menu-wrap{position:relative}.user-btn{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:20px;cursor:pointer;border:1.5px solid var(--br);background:var(--wh);transition:all .15s;max-width:210px}.user-btn:hover{border-color:var(--teal);background:var(--tl)}.user-av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.user-name{font-size:12px;font-weight:500;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.user-drop{display:none;position:absolute;top:calc(100% + 7px);right:0;background:var(--wh);border:1px solid var(--br);border-radius:var(--r);box-shadow:0 8px 30px #0000001f;min-width:210px;z-index:200;animation:dropIn .15s ease}.user-drop.open{display:block}.ud-header{padding:12px 14px 9px;border-bottom:1px solid var(--br)}.ud-name{font-size:13px;font-weight:600;color:var(--fg)}.ud-role{font-size:10px;color:var(--t3);margin-top:1px}.ud-item{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;font-size:12px;color:var(--t2);transition:background .12s;background:none;border:none;width:100%;text-align:left;font-family:var(--font)}.ud-item:hover{background:var(--bg)}.ud-ic{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.content{flex:1;overflow-y:auto;padding:20px;background:var(--bg)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.page-title{font-size:18px;font-weight:700;color:var(--fg);line-height:1.2}.page-sub{font-size:12px;color:var(--t2);margin-top:3px}.card{background:var(--wh);border-radius:var(--r);border:1px solid var(--br);box-shadow:var(--sh)}.card-body{padding:16px}.card-header{padding:14px 16px;border-bottom:1px solid var(--br);display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-size:13px;font-weight:600;color:var(--fg)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--wh);border:1px solid var(--br);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh)}.stat-label{font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;color:var(--fg);line-height:1}.stat-sub{font-size:10px;color:var(--t2);margin-top:4px}.tbl-wrap{background:var(--wh);border:1px solid var(--br);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}.tbl-toolbar{padding:12px 14px;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tbl-count{font-size:11px;color:var(--t2);margin-left:auto;white-space:nowrap}.tbl-footnote{padding:10px 14px;font-size:11px;color:var(--t2)}table{width:100%;border-collapse:collapse}thead th{background:var(--bg);padding:8px 12px;font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--br);white-space:nowrap;position:sticky;top:0;z-index:1}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--fg)}.sort-ic{display:inline-flex;flex-direction:column;gap:1px;margin-left:5px;vertical-align:middle}.sort-ic svg{display:block}tbody tr{border-bottom:1px solid var(--br);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--tl);cursor:pointer}tbody tr.row-static:hover{background:transparent;cursor:default}tbody td{padding:10px 12px;font-size:12px;color:var(--tx);vertical-align:middle}.td-tp{font-weight:500;font-size:12px}.td-sub{font-size:11px;color:var(--t2);margin-top:1px}.empty-state{text-align:center;padding:40px 20px;color:var(--t3)}.empty-icon{font-size:28px;margin-bottom:8px;opacity:.5}.empty-text{font-size:13px;color:var(--t2)}.empty-sub{font-size:12px;color:var(--t3);margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.form-item{display:flex;flex-direction:column;gap:4px}.form-item.full{grid-column:1 / -1}.form-item label{font-size:10px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.05em}.inp{border:1.5px solid var(--bm);border-radius:var(--rs);font-family:var(--font);font-size:13px;padding:9px 11px;outline:none;width:100%;color:var(--tx);background:var(--wh);transition:border-color .15s}.inp:focus{border-color:var(--teal);box-shadow:0 0 0 3px #008c8c1a}.inp:disabled{background:var(--bg);color:var(--t3);cursor:not-allowed}.sel{border:1.5px solid var(--bm);border-radius:var(--rs);font-family:var(--font);font-size:13px;padding:9px 30px 9px 11px;outline:none;width:100%;color:var(--tx);background:var(--wh);transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234a6060' stroke-width='2' stroke-linecap='square'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.sel:focus{border-color:var(--teal);box-shadow:0 0 0 3px #008c8c1a}textarea.inp{resize:vertical;min-height:80px}.fi-err{font-size:11px;color:var(--rd);margin-top:2px}.sec-divider{border:none;border-top:1px solid var(--br);margin:16px 0}.detail-row{display:flex;gap:8px;padding:5px 0;font-size:11px}.dl{color:var(--t2);font-size:11px;width:130px;flex-shrink:0}.dv{color:var(--tx);font-size:11px;font-weight:400;flex:1}.av-sm{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.av-md{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.av-lg{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--fg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.login-box{background:var(--wh);border-radius:16px;padding:16px 32px;width:420px;max-width:100%;box-shadow:0 24px 80px #0000004d}.login-logo{margin-bottom:2px}.login-logo img{height:100px;display:block}.login-divider{width:100%;height:1px;background:var(--br);margin:14px 0}.login-title{font-size:18px;font-weight:700;color:var(--fg);margin-bottom:4px}.login-desc{font-size:12px;color:var(--t2);margin-bottom:20px}.login-err{background:var(--rl);color:var(--rd);border:1px solid rgba(192,43,10,.2);border-radius:var(--rs);padding:8px 11px;font-size:12px;margin-bottom:12px}.login-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.login-field label{font-size:10px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.05em}.login-btn{width:100%;background:var(--og);color:#fff;border:none;border-radius:var(--rs);font-family:var(--font);font-size:13px;font-weight:600;padding:10px;cursor:pointer;margin-top:4px;transition:background .15s}.login-btn:hover{background:#e55a00}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-ms-btn{width:100%;background:var(--wh);color:var(--tx);border:1.5px solid var(--bm);border-radius:var(--rs);font-family:var(--font);font-size:13px;font-weight:500;padding:10px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:10px}.login-ms-btn:hover{border-color:var(--teal);background:var(--tl)}.detail-panel{position:fixed;top:0;right:0;width:480px;height:100vh;background:var(--wh);border-left:1px solid var(--br);box-shadow:-8px 0 40px #0000001a;z-index:50;display:flex;flex-direction:column;animation:slideIn .2s ease}.panel-head{padding:16px 20px;border-bottom:1px solid var(--br);display:flex;align-items:flex-start;gap:10px;flex-shrink:0}.panel-title{font-size:15px;font-weight:700;color:var(--fg);flex:1}.panel-sub{font-size:11px;color:var(--t2);margin-top:2px}.panel-close{background:none;border:none;cursor:pointer;color:var(--t3);padding:2px;display:flex;align-items:center;transition:color .15s;flex-shrink:0}.panel-close:hover{color:var(--tx)}.panel-body{flex:1;overflow-y:auto;padding:1px 20px}.panel-foot{padding:12px 20px;border-top:1px solid var(--br);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:49}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--wh);border-radius:var(--r);box-shadow:0 24px 64px #0003;width:560px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;animation:fadeIn .18s ease}.modal-head{padding:16px 20px;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:10px;flex-shrink:0}.modal-title{font-size:15px;font-weight:700;color:var(--fg);flex:1}.modal-close{background:none;border:none;cursor:pointer;color:var(--t3);padding:2px;display:flex;align-items:center;transition:color .15s}.modal-close:hover{color:var(--tx)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-foot{padding:12px 20px;border-top:1px solid var(--br);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:2px 5px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.badge-pending{background:var(--al);color:var(--am);border:1px solid rgba(184,110,0,.25)}.badge-with-active{background:var(--tl);color:var(--teal);border:1px solid rgba(0,140,140,.25)}.badge-with-customer{background:var(--pul);color:var(--pu);border:1px solid rgba(124,58,237,.25)}.badge-overdue{background:var(--rl);color:var(--rd);border:1px solid rgba(192,43,10,.25)}.badge-complete{background:var(--gl);color:var(--gn);border:1px solid rgba(26,122,74,.25)}.badge-occupied{background:var(--gl);color:var(--gn)}.badge-vacant{background:var(--bg);color:var(--t2);border:1px solid var(--br)}.badge-moving-out{background:var(--al);color:var(--am)}.badge-in-movement{background:var(--ol);color:var(--og)}.badge-internal{background:var(--tl);color:var(--teal)}.badge-external{background:var(--ol);color:var(--og)}.badge-admin{background:var(--rl);color:var(--rd)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--rs);font-family:var(--font);font-size:12px;font-weight:600;padding:7px 13px;border:none;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-og{background:var(--og);color:#fff}.btn-og:hover:not(:disabled){background:#e55a00}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover:not(:disabled){background:#007a7a}.btn-fg{background:var(--teal);color:#fff}.btn-fg:hover:not(:disabled){background:var(--fg)}.btn-ghost{background:var(--wh);color:var(--t2);border:1px solid var(--br)}.btn-ghost:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:var(--tl)}.btn-danger{background:var(--rl);color:var(--rd);border:1px solid rgba(192,43,10,.2)}.btn-danger:hover:not(:disabled){background:var(--rd);color:#fff}.btn-sm{font-size:11px;padding:5px 10px}.btn-xs{font-size:11px;padding:3px 8px}.btn-ic{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:#001414eb;color:#fff;font-size:12px;font-weight:500;padding:9px 16px;border-radius:20px;box-shadow:0 4px 20px #00000040;animation:fadeIn .18s ease;pointer-events:auto;white-space:nowrap}.toast.success{background:#1a7a4af0}.toast.error{background:#c02b0af0}.pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--br);gap:12px;flex-wrap:wrap}.pg-left{display:flex;align-items:center;gap:12px}.pg-info{font-size:11px;color:var(--t2);white-space:nowrap}.pg-btns{display:flex;align-items:center;gap:4px}.pg-btn{background:none;border:1px solid var(--br);border-radius:var(--rs);padding:4px 9px;font-size:11px;color:var(--t2);cursor:pointer;transition:all .12s;font-family:var(--font)}.pg-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:var(--tl)}.pg-btn.active{background:var(--fg);color:#fff;border-color:var(--fg)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-btn-icon{display:flex;align-items:center;justify-content:center;padding:4px 7px}.pg-size{border:1px solid var(--br);border-radius:var(--rs);padding:3px 22px 3px 7px;font-size:11px;font-family:var(--font);color:var(--t2);background:var(--wh);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%234a6060' stroke-width='2' stroke-linecap='square'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;outline:none;cursor:pointer}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--br);cursor:pointer;transition:background .1s;position:relative}.notif-item:hover{background:var(--bg)}.notif-item.unread{background:var(--tl)}.notif-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--og);border-radius:0 2px 2px 0}.notif-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.notif-body{flex:1;min-width:0}.notif-title{font-size:12px;font-weight:500;color:var(--tx);margin-bottom:2px}.notif-sub{font-size:11px;color:var(--t2);margin-bottom:3px}.notif-time{font-size:10px;color:var(--t3)}.notif-dot{width:7px;height:7px;background:var(--og);border-radius:50%;flex-shrink:0;margin-top:5px}.notif-popup-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;width:320px}.notif-popup{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--wh);border:1px solid var(--br);border-radius:var(--r);box-shadow:var(--sh);cursor:pointer;animation:slideIn .2s ease}.notif-popup:hover{background:var(--bg)}.notif-popup-close{background:none;border:none;color:var(--t3);font-size:16px;line-height:1;flex-shrink:0;padding:0 0 0 4px}.notif-popup-close:hover{color:var(--tx)}.disc-item{display:flex;gap:10px;margin-bottom:14px}.disc-content{flex:1;min-width:0}.disc-meta{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.disc-name{font-size:11px;font-weight:600;color:var(--tx)}.disc-time{font-size:10px;color:var(--t3)}.disc-text{font-size:12px;color:var(--tx);line-height:1.5;background:var(--bg);border-radius:var(--rs);padding:8px 10px}.disc-input-wrap{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--br);align-items:flex-end}.disc-input-wrap textarea{flex:1;min-height:60px;resize:none}.ProseMirror{border:1px solid var(--br);border-radius:var(--rs);padding:10px 12px;font-size:12px;font-family:var(--font);color:var(--tx);background:var(--wh);outline:none;min-height:72px;line-height:1.5;cursor:text}.ProseMirror:focus{border-color:var(--teal);box-shadow:0 0 0 2px #008c8c1a}.ProseMirror p{margin:0}.ProseMirror p+p{margin-top:5px}.mention-chip{display:inline;border:1px solid var(--teal);border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600;color:var(--teal);background:var(--tl);white-space:nowrap}.search-wrap{position:relative;display:flex;align-items:center}.search-ic{position:absolute;left:9px;width:14px;height:14px;stroke:var(--t3);fill:none;stroke-width:1.5;stroke-linecap:square;pointer-events:none}.search-inp{border:1px solid var(--br);border-radius:var(--rs);font-family:var(--font);font-size:12px;padding:6px 10px 6px 30px;width:100%;color:var(--tx);background:var(--wh);outline:none;transition:border-color .15s}.search-inp:focus{border-color:var(--teal);box-shadow:0 0 0 3px #008c8c14}.filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-sel{border:1px solid var(--br);border-radius:var(--rs);font-family:var(--font);font-size:12px;padding:5px 24px 5px 9px;min-width:130px;flex-shrink:0;color:var(--tx);background:var(--wh);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%234a6060' stroke-width='2' stroke-linecap='square'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;transition:border-color .15s}.filter-sel:focus{border-color:var(--teal)}.d-flex{display:flex}.d-flex-col{display:flex;flex-direction:column}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.text-fg{color:var(--fg)}.text-teal{color:var(--teal)}.text-og{color:var(--og)}.text-t2{color:var(--t2)}.text-t3{color:var(--t3)}.text-tx{color:var(--tx)}.text-gn{color:var(--gn)}.text-rd{color:var(--rd)}.text-am{color:var(--am)}.text-xs{font-size:10px}.text-sm{font-size:11px}.text-base{font-size:12px}.text-md{font-size:13px}.text-lg{font-size:14px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uppercase{text-transform:uppercase}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.hidden{display:none}.pointer{cursor:pointer}.no-select{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.border-top{border-top:1px solid var(--br)}.border-bottom{border-bottom:1px solid var(--br)}.rounded{border-radius:var(--r)}.rounded-sm{border-radius:var(--rs)}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.py-8{padding-top:8px;padding-bottom:8px}.py-12{padding-top:12px;padding-bottom:12px}.py-16{padding-top:16px;padding-bottom:16px}.ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;display:inline-block;flex-shrink:0;vertical-align:middle}.ic-sm{width:13px;height:13px}.ic-lg{width:20px;height:20px}.spinner{width:20px;height:20px;border:2.5px solid var(--br);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:12px;color:var(--t2);font-size:12px}.prop-chip{display:inline-flex;align-items:center;background:#ffffff26;color:#fffc;font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap}