.app-layout{min-height:100vh;display:flex;flex-direction:column;background:#1a1a2e;color:#e4e4e7}.app-header{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08)}.app-header-left{display:flex;align-items:center;gap:.5rem}.app-sidebar-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#ffffffd9;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer}.app-sidebar-toggle:hover{background:#ffffff1f;color:#fff}.app-logo{font-size:1.15rem;font-weight:600;color:#fff}.app-header-right{display:flex;align-items:center}.user-dropdown{position:relative}.user-trigger{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.9rem;color:#ffffffe6;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer}.user-trigger:hover{background:#ffffff0f}.user-arrow{font-size:.65rem;opacity:.8}.user-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.user-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;padding:.35rem 0;background:#252536;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #00000059;z-index:11}.user-dropdown-info{padding:.5rem .75rem;font-size:.8rem;color:#fff9;border-bottom:1px solid rgba(255,255,255,.06)}.user-dropdown-item{display:block;width:100%;padding:.5rem .75rem;font-size:.9rem;color:#ffffffe6;background:none;border:none;text-align:left;cursor:pointer}.user-dropdown-item:hover{background:#ffffff0f}.app-body{flex:1;display:flex;min-height:0}.app-sidebar{width:200px;flex-shrink:0;background:#0003;border-right:1px solid rgba(255,255,255,.06);overflow:hidden;transition:width .2s ease}.app-sidebar--closed{width:0;border-right-width:0}.app-sidebar-nav{padding:.75rem 0}.app-sidebar-item{display:block;width:100%;padding:.5rem 1rem;font-size:.95rem;color:#fffc;background:none;border:none;text-align:left;cursor:pointer;border-left:3px solid transparent}.app-sidebar-item:hover{background:#ffffff0d;color:#fff}.app-sidebar-item.active{background:#ffffff14;color:#fff;border-left-color:#6366f1}.app-main{flex:1;overflow:auto;padding:1.25rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1rem}.login-toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;background:#dc5050f2;color:#fff;border-radius:8px;font-size:.9rem;z-index:1000;box-shadow:0 4px 12px #0000004d}.login-card{width:100%;max-width:380px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0003}.login-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:#fff;text-align:center}.login-subtitle{margin:0 0 1.5rem;font-size:.9rem;color:#fff9;text-align:center}.login-form .form-group{margin-bottom:1rem}.login-form label{display:block;margin-bottom:.35rem;font-size:.9rem;color:#ffffffd9}.login-form input{width:100%;padding:.6rem .75rem;font-size:1rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#fff;box-sizing:border-box}.login-form input::placeholder{color:#fff6}.login-form input:focus{outline:none;border-color:#64b4ff99}.login-error{margin-bottom:1rem;padding:.5rem;font-size:.85rem;color:#f88;background:#dc505026;border-radius:6px}.login-submit{width:100%;padding:.7rem;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#4361ee,#3a56d4);border:none;border-radius:6px;cursor:pointer;margin-top:.25rem}.login-submit:hover:not(:disabled){opacity:.95}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-divider{margin:1.25rem 0;text-align:center;color:#ffffff80;font-size:.85rem}.wecom-login-btn{width:100%;padding:.6rem;font-size:.95rem;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer}.wecom-login-btn:hover:not(:disabled){background:#ffffff26}.admins-page{max-width:900px}.admins-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#fff}.admins-desc{margin:0 0 1rem;font-size:.9rem;color:#ffffffa6}.admins-error{margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem;color:#f88;background:#dc505026;border-radius:6px}.admins-toolbar{margin-bottom:1rem}.admins-btn-primary{padding:.5rem 1rem;font-size:.9rem;color:#fff;background:#6366f1;border:none;border-radius:6px;cursor:pointer}.admins-btn-primary:hover{background:#4f46e5}.admins-loading{color:#fff9}.admins-table{width:100%;border-collapse:collapse;font-size:.9rem}.admins-table th,.admins-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.admins-table th{color:#ffffffb3;font-weight:500}.admins-btn-danger{padding:.25rem .5rem;font-size:.85rem;color:#f88;background:#dc505033;border:1px solid rgba(220,80,80,.4);border-radius:4px;cursor:pointer}.admins-btn-danger:hover:not(:disabled){background:#dc50504d}.admins-btn-danger:disabled{opacity:.6;cursor:not-allowed}.admins-current{font-size:.85rem;color:#ffffff80}.admins-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.admins-modal{background:#252536;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;min-width:420px;max-width:90vw;max-height:85vh;overflow:auto}.admins-modal h3{margin:0 0 .5rem;font-size:1.1rem;color:#fff}.admins-modal-desc{margin:0 0 1rem;font-size:.85rem;color:#ffffffa6}.admins-form-group{margin-bottom:1rem}.admins-form-group label{display:block;margin-bottom:.35rem;font-size:.9rem;color:#ffffffd9}.admins-select{width:100%;padding:.5rem .75rem;font-size:.95rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#fff}.admins-members{list-style:none;margin:0;padding:0;max-height:280px;overflow:auto}.admins-member-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem}.admins-member-row span:first-child{flex:0 0 80px}.admins-member-id{flex:1;color:#ffffff8c;font-size:.85rem}.admins-already{color:#ffffff73;font-size:.85rem}.admins-btn-small{padding:.25rem .6rem;font-size:.85rem;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:4px;cursor:pointer}.admins-btn-small:hover:not(:disabled){background:#fff3}.admins-btn-small:disabled{opacity:.7;cursor:not-allowed}.admins-modal-footer{margin-top:1rem;display:flex;justify-content:flex-end}.admins-btn-secondary{padding:.4rem .9rem;font-size:.9rem;color:#ffffffe6;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer}.admins-btn-secondary:hover{background:#ffffff0f}.families-page{max-width:1100px}.families-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#fff}.families-desc{margin:0 0 1rem;font-size:.9rem;color:#ffffffa6}.families-error{margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem;color:#f88;background:#dc505026;border-radius:6px}.families-layout{display:flex;gap:1.5rem;align-items:flex-start}.families-side{width:240px;flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem}.families-toolbar{margin-bottom:.75rem}.families-list{list-style:none;margin:0;padding:0}.families-list-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .6rem;border-radius:6px;cursor:pointer;font-size:.9rem}.families-list-item:hover{background:#ffffff0f}.families-list-item.active{background:#6366f133;color:#fff}.families-item-actions{display:flex;gap:.25rem}.families-main{flex:1;min-width:0}.families-placeholder{color:#ffffff80;padding:2rem}.families-subtitle{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#ffffffe6}.families-section{margin-bottom:1.5rem}.families-section-projects{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.families-empty-hint{margin:.5rem 0 0;font-size:.88rem;color:#ffffff80}.families-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.families-section-head h3{margin:0;font-size:.95rem;font-weight:600;color:#ffffffe6}.families-table{width:100%;border-collapse:collapse;font-size:.88rem}.families-table th,.families-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.families-table th{color:#fff9;font-weight:500}.inline-edit{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.inline-edit input,.inline-edit select{padding:.3rem .5rem;font-size:.85rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff14;color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#252536;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;min-width:320px;max-width:90vw}.modal-box h3{margin:0 0 1rem;font-size:1.05rem;color:#fff}.form-group label{display:block;margin-top:.5rem;margin-bottom:.25rem;font-size:.88rem;color:#fffc}.form-group input,.form-group select{width:100%;padding:.5rem .6rem;font-size:.9rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#fff;box-sizing:border-box}.form-select-multi{min-height:80px}.project-row-edit{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.project-row-edit .inline-edit-multi{min-width:100px;min-height:60px;padding:.3rem .5rem;font-size:.85rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff14;color:#fff}.form-hint{margin:.25rem 0 0;font-size:.82rem}.form-hint--error{color:#f88}.form-actions{margin-top:1rem;display:flex;gap:.5rem}.btn-primary{padding:.45rem .9rem;font-size:.9rem;color:#fff;background:#6366f1;border:none;border-radius:6px;cursor:pointer}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.45rem .9rem;font-size:.9rem;color:#ffffffe6;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer}.btn-small{padding:.25rem .5rem;font-size:.82rem;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;margin-right:.25rem}.btn-small.danger{color:#f88;border-color:#dc505066}.btn-icon{padding:.2rem .4rem;font-size:.85rem;background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:4px}.btn-icon:hover{background:#ffffff1a;color:#fff}.btn-icon.danger:hover{color:#f88}.families-loading{color:#ffffff80;font-size:.9rem}.projects-page{max-width:1100px}.projects-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#fff}.projects-desc{margin:0 0 1rem;font-size:.9rem;color:#ffffffa6}.projects-error{margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem;color:#f88;background:#dc505026;border-radius:6px}.projects-toolbar{margin-bottom:1rem}.projects-table{width:100%;border-collapse:collapse;font-size:.88rem}.projects-table th,.projects-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.projects-table th{color:#fff9;font-weight:500}.projects-empty{margin:.5rem 0 0;font-size:.88rem;color:#ffffff80}.users-page{max-width:900px}.users-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#fff}.users-desc{margin:0 0 1rem;font-size:.9rem;color:#ffffffa6}.users-error{margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem;color:#f88;background:#dc505026;border-radius:6px}.users-toolbar{margin-bottom:1rem}.users-btn-primary{padding:.5rem 1rem;font-size:.9rem;color:#fff;background:#6366f1;border:none;border-radius:6px;cursor:pointer}.users-btn-primary:hover{background:#4f46e5}.users-loading{color:#fff9}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th,.users-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.users-table th{color:#ffffffb3;font-weight:500}.users-btn-small{padding:.25rem .5rem;font-size:.85rem;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:4px;cursor:pointer;margin-right:.25rem}.users-btn-small:hover:not(:disabled){background:#ffffff26}.users-btn-small:disabled{opacity:.7;cursor:not-allowed}.users-btn-danger{padding:.25rem .5rem;font-size:.85rem;color:#f88;background:#dc505033;border:1px solid rgba(220,80,80,.4);border-radius:4px;cursor:pointer}.users-btn-danger:hover{background:#dc50504d}.users-inline-edit{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.users-inline-edit input,.users-inline-edit select{padding:.35rem .5rem;font-size:.88rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff14;color:#fff}.users-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.users-modal{background:#252536;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;min-width:420px;max-width:90vw;max-height:85vh;overflow:auto}.users-modal h3{margin:0 0 .5rem;font-size:1.1rem;color:#fff}.users-modal-desc{margin:0 0 1rem;font-size:.85rem;color:#ffffffa6}.users-form-row{margin-bottom:1rem}.users-form-row label{display:block;margin-bottom:.35rem;font-size:.9rem;color:#ffffffd9}.users-select{width:100%;padding:.5rem .75rem;font-size:.95rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#fff}.users-members{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}.users-member-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem}.users-member-row span:first-child{flex:0 0 80px}.users-member-id{flex:1;color:#ffffff8c;font-size:.85rem}.users-already{color:#ffffff73;font-size:.85rem}.users-modal-footer{margin-top:1rem;display:flex;justify-content:flex-end}.users-btn-secondary{padding:.4rem .9rem;font-size:.9rem;color:#ffffffe6;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer}.users-btn-secondary:hover{background:#ffffff0f}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#1a1a2e;color:#e4e4e7}#root{min-height:100vh}*{box-sizing:border-box}body{margin:0}