.invitation-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.invitation-modal-content{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:80vh;padding:20px;position:relative;overflow-y:auto;box-shadow:0 4px 12px #00000026}.invitation-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.invitation-modal-title{color:#333;margin:0;font-size:18px;font-weight:600}.invitation-modal-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;padding:4px;transition:background-color .2s}.invitation-modal-close:hover{color:#666;background-color:#f5f5f5}.invitation-loading,.invited-empty{text-align:center;color:#999;padding:40px 0;font-size:14px}.invited-users-list{flex-flow:wrap;gap:12px;display:flex}.invited-user-item{box-sizing:border-box;background-color:#f8f9fa;border-radius:6px;align-items:center;gap:8px;width:calc(33.33% - 8px);padding:10px;display:flex}.invited-user-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.invited-user-info{flex:1;min-width:0}.invited-user-name{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:500;overflow:hidden}.invited-user-date{color:#999;font-size:11px}.dark-mode .invitation-modal-content{color:#fff;background:#1f1f1f}.dark-mode .invitation-modal-header{border-bottom-color:#333}.dark-mode .invitation-modal-title,.dark-mode .invited-user-name{color:#fff}.dark-mode .invited-user-date,.dark-mode .invitation-loading,.dark-mode .invited-empty{color:#aaa}.dark-mode .invited-user-item{background-color:#2c2c2c}.dark-mode .invitation-modal-close:hover{background-color:#333}
*{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{display:none!important}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{z-index:10;flex-shrink:0;width:260px;height:100vh;transition:width .3s;position:sticky;top:0}.sidebar-collapsed{width:80px}.sidebar-toggle-btn{color:#000;cursor:pointer;z-index:100;background-color:#fff;border:none;border-radius:0 4px 4px 0;justify-content:center;align-items:center;width:24px;height:40px;transition:all .3s;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar-collapsed .sidebar-toggle-btn{right:-12px}.sidebar-toggle-btn:active{transform:translateY(-50%)scale(.95)}.main-content{background-color:#eef2ff;flex:1;overflow-y:auto}.mobile-sidebar-trigger{z-index:101;cursor:pointer;border-radius:4px;padding:4px;display:none;position:fixed;top:10px;left:10px}@media screen and (max-width:768px){.mobile-sidebar-trigger{display:block}.app-container{height:auto}.sidebar{background-color:#fff;width:260px;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar.expanded{transform:translate(0)}.main-content{width:100%;min-height:100vh}.sidebar-toggle-btn{display:none!important}}@media screen and (max-width:375px){.mobile-sidebar-trigger{padding:3px;top:8px;left:8px}}