@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#FFFFFF;--bg-soft:#F4F5F7;--bg-blue:#EAF2FE;--blue:#1456F0;--blue-hover:#0C45C7;--blue-light:#4379FF;--blue-dim:rgba(20,86,240,0.08);--blue-border:rgba(20,86,240,0.20);--text:#121316;--text-sub:#525866;--text-muted:#868C9C;--border:#DEE0E3;--border-dark:#C2C7D0;--card-bg:#FFFFFF;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--trans:all 0.15s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.04);--shadow-md:0 4px 12px 0 rgba(0,0,0,0.03),0 1px 2px 0 rgba(0,0,0,0.02);--shadow-blue:0 4px 12px rgba(20,86,240,0.08);--status-red:#F5222D;--status-red-bg:#FEECEB;--status-red-border:#FDB6B2;--status-red-dim:rgba(245,34,45,0.08);--status-orange:#FA541C;--status-orange-bg:#FFF2E8;--status-orange-border:#FFD8BF;--status-orange-dim:rgba(250,84,28,0.08);--status-amber:#B45309;--status-amber-bg:#FFFBE6;--status-amber-border:#FFE58F;--status-amber-text:#B45309;--status-amber-dim:rgba(180,83,9,0.08);--status-green:#287D3C;--status-green-bg:#EEF6EE;--status-green-border:#A3DFA3;--status-green-dim:rgba(40,125,60,0.08);--status-blue:#1456F0;--status-blue-bg:#EAF2FE;--status-blue-border:#A4C6FD;--status-blue-dim:rgba(20,86,240,0.08);--status-purple:#722ED1;--status-purple-bg:#F5ECFC;--status-purple-border:#D5B3F7;--status-purple-dim:rgba(114,46,209,0.08);--status-gray:#646A73;--status-gray-bg:#F2F3F5;--status-gray-border:#DEE0E3;--status-gray-dim:rgba(100,106,115,0.08);--status-indigo:#4338CA;--status-indigo-bg:#EFF2FC;--status-indigo-border:#BAC4F7;--status-indigo-dim:rgba(67,56,202,0.08);--status-teal:#0F766E;--status-teal-bg:#E6F4F1;--status-teal-border:#99D5CA;--status-teal-dim:rgba(15,118,110,0.08);--status-turquoise:#0891B2;--status-turquoise-bg:#ECFEFF;--status-turquoise-border:#A5F3FC;--status-turquoise-dim:rgba(8,145,178,0.08);--status-wathet:#0284C7;--status-wathet-bg:#F0F9FF;--status-wathet-border:#BAE6FD;--status-wathet-dim:rgba(2,132,199,0.08);--status-violet:#7C3AED;--status-violet-bg:#F5F3FF;--status-violet-border:#DDD6FE;--status-violet-dim:rgba(124,58,237,0.08);--status-lime:#65A30D;--status-lime-bg:#F7FEE7;--status-lime-border:#D9F99D;--status-lime-dim:rgba(101,163,13,0.08);--status-yellow:#D97706;--status-yellow-bg:#FEF3C7;--status-yellow-border:#FDE68A;--status-yellow-dim:rgba(217,119,6,0.08);--status-carmine:#BE123C;--status-carmine-bg:#FFE4E6;--status-carmine-border:#FECDD3;--status-carmine-dim:rgba(190,18,60,0.08);--status-cyan:#0369A1;--status-cyan-bg:#E0F2FE;--status-cyan-border:#7DD3FC;--status-cyan-dim:rgba(3,105,161,0.08);--status-pink:#BE185D;--status-pink-bg:#FCE7F3;--status-pink-border:#FBCFE8;--status-pink-dim:rgba(190,24,93,0.08);--status-rose:#BE123C;--status-rose-bg:#FFE4E6;--status-rose-border:#FECDD3;--status-rose-dim:rgba(190,18,60,0.08);--status-r1c1:#FF7671;--status-r1c2:#FF821D;--status-r1c3:#FFC70D;--status-r1c4:#92AD03;--status-r1c5:#39BD4D;--status-r1c6:#2EBEAB;--status-r1c7:#28B0E8;--status-r1c8:#7BA3FF;--status-r1c9:#EB79B9;--status-r1c10:#B793FA;--status-r1c11:#90969F;--status-r2c1:#FEE3E3;--status-r2c2:#FEE7CE;--status-r2c3:#FAEDC2;--status-r2c4:#E3F0A4;--status-r2c5:#D0F5CE;--status-r2c6:#C4F3EC;--status-r2c7:#C9F0FC;--status-r2c8:#E0EAFF;--status-r2c9:#FEE2F2;--status-r2c10:#EFE6FE;--status-r2c11:#EFF0F1;--status-r3c1:#FDC6C4;--status-r3c2:#FEC48D;--status-r3c3:#FDDF80;--status-r3c4:#C8DD60;--status-r3c5:#97E59A;--status-r3c6:#70E8D9;--status-r3c7:#99DCFC;--status-r3c8:#C2D4FF;--status-r3c9:#F8C4E1;--status-r3c10:#DCC9FE;--status-r3c11:#DFE0E3;--status-r4c1:#F54D47;--status-r4c2:#EE6E0E;--status-r4c3:#DA9B07;--status-r4c4:#7D930B;--status-r4c5:#34A747;--status-r4c6:#15A994;--status-r4c7:#1596CA;--status-r4c8:#5384FC;--status-r4c9:#DF59A7;--status-r4c10:#A070F1;--status-r4c11:#656B74;--status-r5c1:#D83C33;--status-r5c2:#A54B08;--status-r5c3:#875D06;--status-r5c4:#5D6E0B;--status-r5c5:#2FA323;--status-r5c6:#0C7163;--status-r5c7:#0B6B95;--status-r5c8:#1559F0;--status-r5c9:#B82A7A;--status-r5c10:#7B37F0;--status-r5c11:#393E45}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-soft);color:var(--text);line-height:1.5;overflow:hidden;height:100vh}a{text-decoration:none;color:inherit}button,input,optgroup,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:240px;display:flex;flex-direction:column;transition:var(--trans);flex-shrink:0;z-index:100}.sidebar.collapsed{width:64px}.sidebar-header{height:56px;padding:0 20px;display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap}.sidebar-logo{width:32px;height:32px;border-radius:50%;border:2px solid var(--blue);overflow:hidden;flex-shrink:0}.sidebar-logo img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-title{font-weight:700;font-size:16px}.sidebar-title em{font-style:normal}.sidebar-menu{flex:1;padding:16px 8px;list-style:none;display:flex;flex-direction:column;gap:4px}.sidebar-item-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:500;font-size:14px;transition:var(--trans);cursor:pointer}.sidebar-item-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;width:20px;height:20px;text-align:center;flex-shrink:0}.sidebar-toggle-btn{padding:16px;display:flex;justify-content:flex-end}.sidebar-toggle-btn button{background:none;border:none;cursor:pointer;font-size:18px;padding:4px}.sidebar-group{display:flex;flex-direction:column;gap:2px;border-bottom:none!important}.sidebar-group-header{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;cursor:pointer;transition:var(--trans);user-select:none}.sidebar-group-arrow{margin-left:auto;display:flex;align-items:center;opacity:.7;transition:transform .2s ease}.sidebar-sub-menu{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0 0 0 20px;border-left:1.5px solid transparent;margin:0 0 0 21px}.sidebar-sub-item-link{font-size:13px!important;padding:8px 12px!important}.sidebar-sub-group{display:flex;flex-direction:column;gap:2px}.sidebar-sub-group-header{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-sm);font-weight:500;font-size:13px;cursor:pointer;transition:var(--trans);user-select:none}.sidebar-sub-sub-menu{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0 0 0 16px;border-left:1.5px solid transparent;margin:0 0 0 21px}.sidebar-sub-sub-item-link{font-size:12.5px!important;padding:6px 12px!important}.sidebar-light .sidebar-sub-group-header{color:var(--text-sub)}.sidebar-light .sidebar-sub-group-header:hover{background:var(--bg-soft);color:var(--text)}.sidebar-light .sidebar-sub-sub-menu{border-left-color:var(--border)}.sidebar-light .sidebar-sub-group-header.has-active{color:var(--text)}.sidebar-dark .sidebar-sub-group-header{color:#A6A9AD}.sidebar-dark .sidebar-sub-group-header:hover{background:rgba(255,255,255,.05);color:#FFF}.sidebar-dark .sidebar-sub-sub-menu{border-left-color:rgba(255,255,255,.05)}.sidebar-dark .sidebar-sub-group-header.has-active{color:#FFF}.sidebar-glass .sidebar-sub-group-header{color:rgba(255,255,255,.85)}.sidebar-glass .sidebar-sub-group-header:hover{background:rgba(255,255,255,.1);color:#FFF}.sidebar-glass .sidebar-sub-sub-menu{border-left-color:rgba(255,255,255,.1)}.sidebar-glass .sidebar-sub-group-header.has-active{color:#FFF}.sidebar-minimal .sidebar-sub-group-header{color:var(--text-sub)}.sidebar-minimal .sidebar-sub-group-header:hover{background:var(--bg-soft);color:var(--text)}.sidebar-minimal .sidebar-sub-sub-menu{border-left-color:var(--border)}.sidebar-minimal .sidebar-sub-group-header.has-active{color:var(--text)}.sidebar-light .sidebar-group-header{color:var(--text-sub)}.sidebar-light .sidebar-group-header:hover{background:var(--bg-soft);color:var(--text)}.sidebar-light .sidebar-sub-menu{border-left-color:var(--border)}.sidebar-light .sidebar-group-header.has-active{color:var(--text)}.sidebar-dark .sidebar-group-header{color:#A6A9AD}.sidebar-dark .sidebar-group-header:hover{background:rgba(255,255,255,.05);color:#FFF}.sidebar-dark .sidebar-sub-menu{border-left-color:rgba(255,255,255,.05)}.sidebar-dark .sidebar-group-header.has-active{color:#FFF}.sidebar-glass .sidebar-group-header{color:rgba(255,255,255,.85)}.sidebar-glass .sidebar-group-header:hover{background:rgba(255,255,255,.1);color:#FFF}.sidebar-glass .sidebar-sub-menu{border-left-color:rgba(255,255,255,.1)}.sidebar-glass .sidebar-group-header.has-active{color:#FFF}.sidebar-minimal .sidebar-group-header{color:var(--text-sub)}.sidebar-minimal .sidebar-group-header:hover{background:var(--bg-soft);color:var(--text)}.sidebar-minimal .sidebar-sub-menu{border-left-color:var(--border)}.sidebar-minimal .sidebar-group-header.has-active{color:var(--text)}.sidebar-light{background:var(--bg-soft);color:var(--text-sub);border-right:1px solid var(--border)}.sidebar-light .sidebar-header{border-bottom:1px solid var(--border)}.sidebar-light .sidebar-title{color:var(--text)}.sidebar-light .sidebar-title em{color:var(--blue)}.sidebar-light .sidebar-item-link{color:var(--text-sub);transition:all .1s ease}.sidebar-light .sidebar-item-link:hover{background:rgba(0,0,0,.03);color:var(--text)}.sidebar-light .sidebar-item-link.active{background:var(--blue-dim);color:var(--blue);font-weight:600}.sidebar-light .sidebar-toggle-btn{border-top:1px solid var(--border)}.sidebar-light .sidebar-toggle-btn button{color:var(--text-muted)}.sidebar-light .sidebar-toggle-btn button:hover{color:var(--text)}.sidebar-dark{background:#1F2329;color:#A6A9AD;border-right:1px solid rgba(255,255,255,.05)}.sidebar-dark .sidebar-header{border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-dark .sidebar-title{color:#FFF}.sidebar-dark .sidebar-title em{color:var(--blue-light)}.sidebar-dark .sidebar-item-link{color:#A6A9AD}.sidebar-dark .sidebar-item-link:hover{background:rgba(255,255,255,.05);color:#FFF}.sidebar-dark .sidebar-item-link.active{background:var(--blue);color:#FFF;font-weight:600}.sidebar-dark .sidebar-toggle-btn{border-top:1px solid rgba(255,255,255,.05)}.sidebar-dark .sidebar-toggle-btn button{color:#A6A9AD}.sidebar-dark .sidebar-toggle-btn button:hover{color:#FFF}.sidebar-glass{background:rgba(255,255,255,.45)!important;backdrop-filter:blur(20px) saturate(190%)!important;-webkit-backdrop-filter:blur(20px) saturate(190%)!important;color:var(--text-sub);border-right:1px solid rgba(255,255,255,.5);box-shadow:4px 0 24px rgba(31,35,41,.02)}.sidebar-glass .sidebar-header{border-bottom:1px solid rgba(255,255,255,.4)}.sidebar-glass .sidebar-title{color:var(--text)}.sidebar-glass .sidebar-title em{color:var(--blue)}.sidebar-glass .sidebar-item-link{color:var(--text-sub);margin:0 4px}.sidebar-glass .sidebar-item-link:hover{background:rgba(255,255,255,.6);color:var(--text)}.sidebar-glass .sidebar-item-link.active{background:var(--blue-dim);color:var(--blue);font-weight:600;box-shadow:inset 0 0 0 1px var(--blue-border),0 4px 12px var(--blue-dim)}.sidebar-glass .sidebar-toggle-btn{border-top:1px solid rgba(255,255,255,.4)}.sidebar-glass .sidebar-toggle-btn button{color:var(--text-muted)}.sidebar-glass .sidebar-toggle-btn button:hover{color:var(--text)}.sidebar-minimal{width:64px;overflow:hidden;background:var(--bg);color:var(--text-sub);border-right:1px solid var(--border)}.sidebar-minimal:hover{width:240px}.sidebar-minimal .sidebar-header{border-bottom:1px solid var(--border)}.sidebar-minimal .sidebar-title{color:var(--text)}.sidebar-minimal .sidebar-title em{color:var(--blue)}.sidebar-minimal .sidebar-item-link{color:var(--text-sub);position:relative;overflow:hidden}.sidebar-minimal .sidebar-item-link:hover{background:var(--bg-soft);color:var(--text)}.sidebar-minimal .sidebar-item-link.active{background:var(--blue-dim);color:var(--blue);font-weight:600}.sidebar-minimal .sidebar-item-link.active:before{content:"";position:absolute;left:0;top:15%;height:70%;width:3px;background:var(--blue);border-radius:0 4px 4px 0}.sidebar-minimal .sidebar-toggle-btn{border-top:1px solid var(--border)}.sidebar-minimal .sidebar-toggle-btn button{color:var(--text-muted)}.sidebar-minimal .sidebar-toggle-btn button:hover{color:var(--text)}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%;background:var(--bg-soft)}.top-header{height:56px;background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:90}.header-left,.top-header{display:flex;align-items:center}.header-left{gap:12px}.page-title{font-size:16px;font-weight:700;color:var(--text)}.header-right{display:flex;align-items:center;gap:16px}.role-switch-container{display:flex;align-items:center;gap:8px;background:var(--bg-soft);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border)}.role-label{font-size:12px;font-weight:600;color:var(--text-sub)}.user-profile-badge{display:flex;align-items:center;gap:12px}.user-avatar{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border-radius:50%;border:none}.user-info{display:flex;flex-direction:column;text-align:left}.user-name{font-weight:600;font-size:13px;color:var(--text);line-height:1.2}.user-profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.user-profile-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.2}.user-profile-role{font-size:10px;font-weight:500;color:var(--text-sub);line-height:1;background:var(--bg-soft);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.theme-select{font-size:11px;border:none;outline:none;color:var(--blue);font-weight:600;padding:0;font-family:inherit}.logout-btn,.theme-select{background:transparent;cursor:pointer}.logout-btn{margin-left:8px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-sub);font-size:12px;font-weight:500;transition:var(--trans)}.logout-btn:hover{color:var(--status-red);background:var(--status-red-dim)}.content-body{flex:1;padding:24px;overflow-y:auto;height:calc(100% - 56px)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;transition:var(--trans)}.metric-card:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--blue-border)}.metric-title{font-size:13px;font-weight:600;color:var(--text-sub)}.metric-value{font-size:28px;font-weight:800;color:var(--text);line-height:1}.metric-footer{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.metric-trend-up{color:var(--status-green);font-weight:600}.dashboard-widgets-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.widget-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.widget-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.widget-title{font-size:15px;font-weight:700;color:var(--text)}.widget-action{font-size:13px;color:var(--blue);text-decoration:none;font-weight:600;cursor:pointer}.widget-body{padding:20px}.widget-table{width:100%;border-collapse:collapse;text-align:left}.widget-table th{padding:10px 12px;font-size:12px;font-weight:700;color:var(--text-sub)}.widget-table td,.widget-table th{border-bottom:1px solid var(--border)}.widget-table td{padding:12px;font-size:13px;color:var(--text)}.widget-table tr:last-child td{border-bottom:none}.todo-item,.widget-table tr:hover td{background:var(--bg-soft)}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;transition:var(--trans)}.todo-item:hover{border-color:var(--border-dark)}.todo-left{display:flex;align-items:center;gap:12px}.todo-check{cursor:pointer;width:16px;height:16px}.todo-text{font-size:13px;font-weight:500}.todo-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.member-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.member-row:last-child{border-bottom:none}.member-info{gap:10px}.member-avatar,.member-info{display:flex;align-items:center}.member-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-blue);border:1px solid var(--blue-border);justify-content:center;font-size:16px}.member-details{display:flex;flex-direction:column}.member-name{font-size:13px;font-weight:700;color:var(--text)}.member-role{font-size:11px;color:var(--text-muted)}.member-stats{text-align:right}.member-count{font-size:13px;font-weight:700;color:var(--blue)}.kanban-view-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.kanban-toolbar{justify-content:space-between;margin-bottom:16px;flex-shrink:0}.kanban-toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-left{gap:12px}.search-input-wrapper{position:relative}.search-input{width:280px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;outline:none;font-family:inherit;transition:var(--trans)}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.toolbar-right{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--trans);font-family:inherit;border:1px solid var(--border);background:var(--card-bg);color:var(--text-sub);text-decoration:none}.btn-primary{background:var(--blue);color:#FFF;border-color:var(--blue);box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn-danger{background:var(--status-red);color:#FFF;border-color:var(--status-red);box-shadow:0 4px 12px rgba(245,34,45,.08)}.btn-danger:hover{background:#D32F2F;border-color:#D32F2F}.btn:hover{border-color:var(--border-dark);color:var(--text);background:var(--bg-soft);text-decoration:none}.kanban-board{flex:1;display:flex;gap:16px;overflow-x:auto;align-items:start;padding-bottom:12px;height:100%}.kanban-column{width:260px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:100%;flex-shrink:0;overflow:hidden;transition:var(--trans)}.kanban-column.drag-over{border-color:var(--blue)!important;background-color:var(--blue-dim)!important;box-shadow:var(--shadow-blue)!important}.kanban-column-header{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--card-bg);position:relative}.column-title-group{display:flex;align-items:center;gap:8px;min-width:0}.column-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.column-title{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-actions{display:flex;gap:4px;transition:opacity .2s ease}.header-style-linear .column-actions{opacity:0}.header-style-jira .column-actions,.header-style-linear:hover .column-actions,.header-style-trello .column-actions{opacity:1}.column-action-btn{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-sub);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.column-action-btn:hover{background-color:var(--bg-hover);color:var(--text)}.kanban-column-cards{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;flex:1;min-height:150px}.kanban-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-sm);cursor:grab;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:12px}.kanban-card:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--blue-border)}.kanban-card:active{cursor:grabbing}@keyframes reshoot-pulse{0%{box-shadow:0 0 0 0 rgba(22,93,255,.45),0 4px 10px rgba(31,35,41,.04);border-color:var(--status-blue)}70%{box-shadow:0 0 0 6px rgba(22,93,255,0),0 4px 10px rgba(31,35,41,.04);border-color:var(--status-blue)}to{box-shadow:0 0 0 0 rgba(22,93,255,0),0 4px 10px rgba(31,35,41,.04);border-color:var(--status-blue)}}.kanban-card.needs-reshoot{border-color:var(--status-blue-border)!important;animation:reshoot-pulse 2s infinite}.kanban-card.needs-reshoot:hover{animation:none;border-color:var(--status-blue)!important;box-shadow:0 0 0 4px rgba(22,93,255,.15),0 6px 16px rgba(31,35,41,.08)}.kanban-card .quick-reshoot-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;color:var(--text-muted);transition:opacity .2s,transform .2s,background-color .2s,color .2s;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.05)}.kanban-card:hover .quick-reshoot-btn{opacity:1}.kanban-card .quick-reshoot-btn:hover{background:var(--bg-soft);color:var(--status-blue);border-color:var(--status-blue-border);transform:scale(1.1)}.kanban-card.needs-reshoot .quick-reshoot-btn{opacity:1;background:var(--status-blue)!important;border-color:var(--status-blue)!important;color:white!important;box-shadow:0 2px 6px rgba(22,93,255,.3)}.kanban-card.needs-reshoot .quick-reshoot-btn:hover{background:#0B56EA!important;border-color:#0B56EA!important}.card-image-wrapper{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.card-image-wrapper>div{width:100%!important;height:100%!important;margin-bottom:0!important;aspect-ratio:auto!important;border:none!important;border-radius:0!important;background:transparent!important}.card-content-right{display:flex;flex-direction:column;flex:1;min-width:0;gap:6px}.card-content-right.has-image{min-height:80px}.card-title{font-size:13px;font-weight:700;color:var(--text);margin:0;word-break:break-word}.card-desc,.card-title{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:12px;color:var(--text-sub)}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-sm);text-transform:uppercase}.card-footer{justify-content:flex-end;margin-top:6px}.card-assignee,.card-footer{display:flex;align-items:center}.card-assignee{gap:6px}.assignee-avatar{width:22px;height:22px;border-radius:50%;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px}.assignee-name{font-size:11px;font-weight:600;color:var(--text-sub)}.card-date{font-size:11px;color:var(--text-muted)}.add-column-card{width:200px;height:40px;border:1.5px dashed var(--border);border-radius:var(--radius-md);display:flex;flex-direction:row;gap:6px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-weight:600;font-size:13px;transition:var(--trans);flex-shrink:0;background:rgba(0,0,0,.01);margin-top:4px}.add-column-card:hover{background:rgba(94,106,210,.03);border-color:var(--status-blue);color:var(--status-blue)}.modal-overlay{position:fixed;inset:0;background:rgba(31,35,41,.4);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:520px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modal-in .2s cubic-bezier(.4,0,.2,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:700;color:var(--text)}.modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-muted)}.modal-close:hover{color:var(--text)}.modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-soft);display:flex;justify-content:flex-end;gap:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12.5px;font-weight:700;color:var(--text)}.form-control{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;font-family:inherit;outline:none;background:var(--card-bg);color:var(--text);transition:var(--trans)}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}textarea.form-control{resize:vertical;min-height:80px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.settings-section-title{font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px}.settings-section-desc{font-size:12px;color:var(--text-sub);margin-bottom:16px}.settings-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.columns-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.column-settings-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm)}.column-settings-info{display:flex;align-items:center;gap:10px}.color-dot{width:12px;height:12px;border-radius:50%}.column-settings-name{font-size:13px;font-weight:700}.column-settings-actions{display:flex;gap:8px}.tag-preview{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.color-palette-options{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin-top:6px}.color-option{width:24px;height:24px;min-width:24px;min-height:24px;aspect-ratio:1/1;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:var(--trans);flex-shrink:0}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text);box-shadow:inset 0 0 0 2px rgba(255,255,255,1)}.tag-gray{background:var(--status-gray-bg);border:1px solid var(--status-gray-border);color:var(--status-gray)}.tag-red{background:var(--status-red-bg);border:1px solid var(--status-red-border);color:var(--status-red)}.tag-orange{background:var(--status-orange-bg);border:1px solid var(--status-orange-border);color:var(--status-orange)}.tag-amber{background:var(--status-amber-bg);border:1px solid var(--status-amber-border);color:var(--status-amber-text)}.tag-green{background:var(--status-green-bg);border:1px solid var(--status-green-border);color:var(--status-green)}.tag-blue{background:var(--status-blue-bg);border:1px solid var(--status-blue-border);color:var(--status-blue)}.tag-purple{background:var(--status-purple-bg);border:1px solid var(--status-purple-border);color:var(--status-purple)}.tag-indigo{background:var(--status-indigo-bg);border:1px solid var(--status-indigo-border);color:var(--status-indigo)}.tag-teal{background:var(--status-teal-bg);border:1px solid var(--status-teal-border);color:var(--status-teal)}.tag-cyan{background:var(--status-cyan-bg);border:1px solid var(--status-cyan-border);color:var(--status-cyan)}.tag-pink{background:var(--status-pink-bg);border:1px solid var(--status-pink-border);color:var(--status-pink)}.tag-rose{background:var(--status-rose-bg);border:1px solid var(--status-rose-border);color:var(--status-rose)}.tag-turquoise{background:var(--status-turquoise-bg);border:1px solid var(--status-turquoise-border);color:var(--status-turquoise)}.tag-wathet{background:var(--status-wathet-bg);border:1px solid var(--status-wathet-border);color:var(--status-wathet)}.tag-violet{background:var(--status-violet-bg);border:1px solid var(--status-violet-border);color:var(--status-violet)}.tag-lime{background:var(--status-lime-bg);border:1px solid var(--status-lime-border);color:var(--status-lime)}.tag-yellow{background:var(--status-yellow-bg);border:1px solid var(--status-yellow-border);color:var(--status-yellow)}.tag-carmine{background:var(--status-carmine-bg);border:1px solid var(--status-carmine-border);color:var(--status-carmine)}.bg-r1c1{background-color:var(--status-r1c1)}.bg-r1c2{background-color:var(--status-r1c2)}.bg-r1c3{background-color:var(--status-r1c3)}.bg-r1c4{background-color:var(--status-r1c4)}.bg-r1c5{background-color:var(--status-r1c5)}.bg-r1c6{background-color:var(--status-r1c6)}.bg-r1c7{background-color:var(--status-r1c7)}.bg-r1c8{background-color:var(--status-r1c8)}.bg-r1c9{background-color:var(--status-r1c9)}.bg-r1c10{background-color:var(--status-r1c10)}.bg-r1c11{background-color:var(--status-r1c11)}.bg-r2c1{background-color:var(--status-r2c1)}.bg-r2c2{background-color:var(--status-r2c2)}.bg-r2c3{background-color:var(--status-r2c3)}.bg-r2c4{background-color:var(--status-r2c4)}.bg-r2c5{background-color:var(--status-r2c5)}.bg-r2c6{background-color:var(--status-r2c6)}.bg-r2c7{background-color:var(--status-r2c7)}.bg-r2c8{background-color:var(--status-r2c8)}.bg-r2c9{background-color:var(--status-r2c9)}.bg-r2c10{background-color:var(--status-r2c10)}.bg-r2c11{background-color:var(--status-r2c11)}.bg-r3c1{background-color:var(--status-r3c1)}.bg-r3c2{background-color:var(--status-r3c2)}.bg-r3c3{background-color:var(--status-r3c3)}.bg-r3c4{background-color:var(--status-r3c4)}.bg-r3c5{background-color:var(--status-r3c5)}.bg-r3c6{background-color:var(--status-r3c6)}.bg-r3c7{background-color:var(--status-r3c7)}.bg-r3c8{background-color:var(--status-r3c8)}.bg-r3c9{background-color:var(--status-r3c9)}.bg-r3c10{background-color:var(--status-r3c10)}.bg-r3c11{background-color:var(--status-r3c11)}.bg-r4c1{background-color:var(--status-r4c1)}.bg-r4c2{background-color:var(--status-r4c2)}.bg-r4c3{background-color:var(--status-r4c3)}.bg-r4c4{background-color:var(--status-r4c4)}.bg-r4c5{background-color:var(--status-r4c5)}.bg-r4c6{background-color:var(--status-r4c6)}.bg-r4c7{background-color:var(--status-r4c7)}.bg-r4c8{background-color:var(--status-r4c8)}.bg-r4c9{background-color:var(--status-r4c9)}.bg-r4c10{background-color:var(--status-r4c10)}.bg-r4c11{background-color:var(--status-r4c11)}.bg-r5c1{background-color:var(--status-r5c1)}.bg-r5c2{background-color:var(--status-r5c2)}.bg-r5c3{background-color:var(--status-r5c3)}.bg-r5c4{background-color:var(--status-r5c4)}.bg-r5c5{background-color:var(--status-r5c5)}.bg-r5c6{background-color:var(--status-r5c6)}.bg-r5c7{background-color:var(--status-r5c7)}.bg-r5c8{background-color:var(--status-r5c8)}.bg-r5c9{background-color:var(--status-r5c9)}.bg-r5c10{background-color:var(--status-r5c10)}.bg-r5c11{background-color:var(--status-r5c11)}.bg-gray{background-color:var(--status-gray)}.bg-red{background-color:var(--status-red)}.bg-orange{background-color:var(--status-orange)}.bg-amber{background-color:var(--status-amber)}.bg-green{background-color:var(--status-green)}.bg-blue{background-color:var(--status-blue)}.bg-purple{background-color:var(--status-purple)}.bg-indigo{background-color:var(--status-indigo)}.bg-teal{background-color:var(--status-teal)}.bg-cyan{background-color:var(--status-cyan)}.bg-pink{background-color:var(--status-pink)}.bg-rose{background-color:var(--status-rose)}.bg-turquoise{background-color:var(--status-turquoise)}.bg-wathet{background-color:var(--status-wathet)}.bg-violet{background-color:var(--status-violet)}.bg-lime{background-color:var(--status-lime)}.bg-yellow{background-color:var(--status-yellow)}.bg-carmine{background-color:var(--status-carmine)}.border-gray{border-color:var(--status-gray-border)}.border-red{border-color:var(--status-red-border)}.border-orange{border-color:var(--status-orange-border)}.border-amber{border-color:var(--status-amber-border)}.border-green{border-color:var(--status-green-border)}.border-blue{border-color:var(--status-blue-border)}.border-purple{border-color:var(--status-purple-border)}.border-indigo{border-color:var(--status-indigo-border)}.border-teal{border-color:var(--status-teal-border)}.border-cyan{border-color:var(--status-cyan-border)}.border-pink{border-color:var(--status-pink-border)}.border-rose{border-color:var(--status-rose-border)}.border-turquoise{border-color:var(--status-turquoise-border)}.border-wathet{border-color:var(--status-wathet-border)}.border-violet{border-color:var(--status-violet-border)}.border-lime{border-color:var(--status-lime-border)}.border-yellow{border-color:var(--status-yellow-border)}.border-carmine{border-color:var(--status-carmine-border)}.dropzone-container{border:2px dashed var(--border-dark);border-radius:var(--radius-md);padding:24px;background:var(--bg-soft);text-align:center;cursor:pointer;transition:var(--trans);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;position:relative}.dropzone-container:hover{border-color:var(--blue);background:rgba(94,106,210,.02)}.dropzone-text{font-size:13px;color:var(--text-sub)}.dropzone-btn{font-size:12px;font-weight:700;color:var(--blue);background:var(--bg);border:1px solid var(--blue-border);padding:6px 12px;border-radius:var(--radius-sm);display:inline-block;margin-top:4px;transition:var(--trans)}.dropzone-btn:hover{background:var(--bg-blue)}.dropzone-preview{position:relative;width:100%;max-height:200px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--bg)}.dropzone-preview img{width:100%;height:100%;object-fit:contain;max-height:200px;display:block}.dropzone-preview-delete{position:absolute;top:8px;right:8px;background:rgba(245,74,69,.9);color:#FFF;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.dropzone-preview-delete:hover{background:#F54A45}.card-links-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:4px;position:relative;z-index:1}.compact-hover-badges{max-height:0;opacity:0;overflow:hidden;padding-top:0!important;margin-top:0!important;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding-top .25s cubic-bezier(.4,0,.2,1),margin-top .25s cubic-bezier(.4,0,.2,1)}.kanban-card:hover .compact-hover-badges{max-height:32px;opacity:1;padding-top:0!important;margin-top:6px!important}.card-link-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-sub);transition:var(--trans);cursor:pointer;line-height:1}.badge-tiktok{background-color:var(--bg)!important;border-color:#C9D0D8!important;color:#1F2329!important}.badge-tiktok:hover{background-color:#F2F3F5!important;border-color:#B5B9C0!important;color:#1F2329!important}.badge-kalodata{background-color:var(--bg)!important;border-color:#BEDAFF!important;color:#165DFF!important}.badge-kalodata:hover{background-color:#E8F3FF!important;border-color:#94C8FF!important;color:#165DFF!important}.badge-drive{background-color:var(--bg)!important;border-color:#CEEAD6!important;color:#137333!important}.badge-drive:hover{background-color:#E6F4EA!important;border-color:#A8DAB5!important;color:#137333!important}.badge-play{background-color:var(--bg)!important;border-color:#BEDAFF!important;color:#1877F2!important}.badge-play:hover{background-color:#E8F3FF!important;border-color:#94C8FF!important;color:#1877F2!important}.column-title,.kanban-card-title{word-break:break-word;overflow-wrap:break-word}.kanban-board.dragging .kanban-card *{pointer-events:none}.card-link-badge img,.card-link-badge svg{height:14px!important;width:14px!important;object-fit:contain!important;flex-shrink:0;margin:0!important;padding:0!important;display:block}.context-menu{position:fixed;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px rgba(31,35,41,.12),0 2px 8px rgba(31,35,41,.06);padding:6px 0;width:220px;z-index:1000;display:flex;flex-direction:column;animation:contextMenuShow .12s ease-out}@keyframes contextMenuShow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:none;color:var(--text);font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;width:100%}.context-menu-item:hover{background:var(--bg-soft)}.context-menu-item.delete{color:#EF4444}.context-menu-item.delete:hover{background:#FEF2F2}.context-menu-divider{height:1px;background:var(--border);margin:6px 0}.context-menu-item svg{color:var(--text-sub);flex-shrink:0;transition:all .15s ease}.context-menu-item:hover svg{color:var(--text)}.context-menu-item.delete svg{color:#EF4444}.context-menu-item.delete:hover svg{color:#DC2626}.undo-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background-color:#1F2329;color:#FFFFFF;padding:10px 16px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.25);display:flex;align-items:center;gap:16px;z-index:10000;font-size:13.5px;animation:toast-slide-up .2s ease-out}.undo-toast-btn{background:none;border:none;color:#337ECC;font-weight:700;cursor:pointer;padding:0 4px;font-size:13.5px;transition:color .15s ease}.undo-toast-btn:hover{color:#66B1FF;text-decoration:underline}@keyframes toast-slide-up{0%{bottom:0;opacity:0}to{bottom:24px;opacity:1}}.adscode-page-container{padding:24px;display:flex;flex-direction:column;gap:20px;height:100%}.adscode-toolbar{justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:16px}.adscode-toolbar,.toolbar-info{display:flex;align-items:center}.toolbar-info{gap:12px}.toolbar-info h2{font-size:20px;font-weight:700;color:var(--text);margin:0}.badge-total{background-color:var(--bg-soft);color:var(--text-sub);padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid var(--border)}.toolbar-actions{display:flex;gap:10px}.spreadsheet-wrapper{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(31,35,41,.03);overflow-x:auto}.spreadsheet-table{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left}.spreadsheet-table th{background:var(--bg-soft);color:var(--text-sub);font-weight:600;padding:12px 16px;border-bottom:2px solid var(--border);border-right:1px solid var(--border);text-transform:uppercase;font-size:11.5px;letter-spacing:.5px}.spreadsheet-table th:last-child{border-right:none}.spreadsheet-table td{padding:10px 16px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:middle;transition:background-color .15s ease}.spreadsheet-table td,.spreadsheet-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spreadsheet-table td:last-child{border-right:none}.spreadsheet-table tr:hover td{background-color:var(--bg-soft)}.col-stt{text-align:center;font-weight:600;color:var(--text-muted)}.product-pill{display:inline-block;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;max-width:180px}.product-pill,.video-url-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-url-link{display:inline-flex;align-items:center;color:var(--blue);text-decoration:none;font-weight:500;max-width:280px}.video-url-link:hover{text-decoration:underline}.ad-code-container{display:flex;align-items:center;justify-content:space-between;gap:12px;background-color:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}.code-text{font-family:var(--font-mono,"Courier New",monospace);font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px;user-select:all}.btn-copy-icon{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-copy-icon:hover{background-color:var(--border);color:var(--text)}.col-actions{display:flex;justify-content:center;gap:10px;flex-wrap:nowrap;white-space:nowrap}.btn-table-copy,.btn-table-delete,.btn-table-edit{background:none;border:1px solid var(--border);cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;transition:all .15s ease;background-color:var(--bg)}.btn-table-copy:hover,.btn-table-edit:hover{background-color:var(--blue-dim);border-color:var(--blue)}.btn-table-delete:hover{background-color:#FEE2E2;border-color:#FCA5A5}.text-empty{color:var(--text-muted);font-style:italic;font-size:12px}.table-empty,.table-loading{padding:40px;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-sub)}.kanban-card.dragging{opacity:.4!important;border:1px dashed var(--blue)!important;box-shadow:none!important;transform:scale(.98)!important;transition:transform .1s ease}.drop-indicator-line-before{top:-7px}.drop-indicator-line-after,.drop-indicator-line-before{position:absolute;left:0;right:0;height:3px;background-color:#3370ff;border-radius:1.5px;z-index:10;pointer-events:none}.drop-indicator-line-after{bottom:-7px}.mobile-sidebar-toggle{display:none;background:none;border:none;font-size:20px;cursor:pointer;padding:4px;color:var(--text);margin-right:12px}.sidebar-backdrop{display:none}.settings-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.settings-grid.admin-grid{grid-template-columns:2fr 1fr}}@media (max-width:767px){.mobile-sidebar-toggle{display:block}.sidebar-backdrop{display:block;width:100vw;background:rgba(31,35,41,.3);backdrop-filter:blur(2px);z-index:99}.sidebar,.sidebar-backdrop{position:fixed;top:0;left:0;height:100vh}.sidebar{bottom:0;transform:translateX(0);width:240px;z-index:100;box-shadow:var(--shadow-md)}.sidebar.collapsed{transform:translateX(-100%);width:0!important;overflow:hidden}.sidebar-toggle-btn{display:none!important}.main-wrapper{width:100vw;margin-left:0}.content-body{padding:16px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-widgets-row{grid-template-columns:1fr;gap:16px}.kanban-toolbar{gap:12px}.kanban-toolbar,.toolbar-left{flex-direction:column;align-items:stretch}.toolbar-left{gap:10px}.search-input{width:100%!important}.toolbar-right{justify-content:space-between;width:100%}.adscode-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.modal-overlay{padding:10px}.modal-box{max-height:95vh;width:100%}.form-row-2,.form-row-3{grid-template-columns:1fr!important;gap:12px}}@media (min-width:768px) and (max-width:991px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-widgets-row{grid-template-columns:1fr;gap:20px}}.sidebar-group,.sidebar-group-header,.sidebar-item-link,.sidebar-menu li,.sidebar-sub-menu,.sidebar-sub-sub-menu{border-bottom:none!important;border-top:none!important;border-left:none!important}#flow-auto-sidebar-toggle,[id*=flow-auto-sidebar-]{display:none!important}.member-avatar img,.settings-panel img,.user-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;display:block}.theme-toggle-segmented{display:inline-flex;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:3px;gap:4px;font-family:Be Vietnam Pro,-apple-system,sans-serif;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.theme-segment{border:none;background:transparent;color:var(--text-sub);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:4px;user-select:none}.theme-segment:hover{color:var(--text)}.theme-segment.active{background:var(--card-bg);color:var(--blue);box-shadow:0 2px 6px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)}html[data-theme=namoinam]{--bg:#FFFFFF;--bg-soft:#F7F8FA;--bg-blue:#F0F4FF;--blue:#1456F0;--blue-hover:#0442D2;--blue-light:#336DF4;--blue-dim:rgba(20,86,240,0.08);--blue-border:rgba(20,86,240,0.20);--text:#1F2329;--text-sub:#646A73;--text-muted:#8F959E;--border:#E0E5EB;--border-dark:#C9D0D8;--card-bg:#FFFFFF;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--trans:all 0.2s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 4px rgba(31,35,41,0.08);--shadow-md:0 4px 16px rgba(31,35,41,0.1);--shadow-blue:0 4px 16px rgba(20,86,240,0.25)}html[data-theme=namoinam] .app-container:before{top:-100px;left:-100px;background:radial-gradient(circle,rgba(20,86,240,.035) 0,transparent 70%)}html[data-theme=namoinam] .app-container:after,html[data-theme=namoinam] .app-container:before{content:"";position:fixed;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:0}html[data-theme=namoinam] .app-container:after{bottom:-150px;right:-100px;background:radial-gradient(circle,rgba(20,86,240,.025) 0,transparent 70%)}html[data-theme=namoinam] body,html[data-theme=namoinam] button,html[data-theme=namoinam] input,html[data-theme=namoinam] select,html[data-theme=namoinam] textarea{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important}html[data-theme=namoinam] .metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--trans)}html[data-theme=namoinam] .metric-card:hover{border-color:var(--blue)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-3px)}html[data-theme=namoinam] .widget-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--trans)}html[data-theme=namoinam] .widget-panel:hover{box-shadow:var(--shadow-md)!important}html[data-theme=namoinam] .kanban-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--trans);position:relative}html[data-theme=namoinam] .kanban-card:hover{border-color:var(--blue)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-3px)}html[data-theme=namoinam] .btn-primary,html[data-theme=namoinam] .submit-button,html[data-theme=namoinam] button[type=submit]:not(.theme-segment){background:var(--blue)!important;color:#ffffff!important;box-shadow:var(--shadow-blue)!important;border:none!important;transition:var(--trans)!important;border-radius:var(--radius-sm)!important}html[data-theme=namoinam] .btn-primary:hover,html[data-theme=namoinam] .submit-button:hover,html[data-theme=namoinam] button[type=submit]:not(.theme-segment):hover{background:var(--blue-hover)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(20,86,240,.35)!important}html[data-theme=namoinam] .btn-primary:active,html[data-theme=namoinam] .submit-button:active,html[data-theme=namoinam] button[type=submit]:not(.theme-segment):active{transform:translateY(1px)!important}html[data-theme=namoinam] .btn-ghost,html[data-theme=namoinam] .btn-secondary,html[data-theme=namoinam] .cancel-btn{background:transparent!important;color:var(--text-sub)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;transition:var(--trans)!important;box-shadow:none!important}html[data-theme=namoinam] .btn-ghost:hover,html[data-theme=namoinam] .btn-secondary:hover,html[data-theme=namoinam] .cancel-btn:hover{border-color:var(--blue)!important;color:var(--blue)!important;background:var(--bg-blue)!important}html[data-theme=namoinam] .btn-danger{background:var(--status-red)!important;color:#ffffff!important;border-radius:var(--radius-sm)!important;transition:var(--trans)!important;border:none!important;box-shadow:0 4px 12px rgba(220,38,38,.2)!important}html[data-theme=namoinam] .btn-danger:hover{background:#D32F2F!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(220,38,38,.3)!important}html[data-theme=namoinam] .icon-box,html[data-theme=namoinam] .sidebar-item-icon{border-radius:var(--radius-sm)!important}html[data-theme=namoinam] .dialog-panel,html[data-theme=namoinam] .modal-content{border-radius:var(--radius-lg)!important;box-shadow:0 10px 40px rgba(31,35,41,.12)!important;border:1px solid var(--border)!important}html[data-theme=namoinam] .top-header{background:rgba(255,255,255,.85)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important}html[data-theme=namoinam] input,html[data-theme=namoinam] select,html[data-theme=namoinam] textarea{border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;transition:var(--trans)!important;background:#ffffff!important}html[data-theme=namoinam] input:focus,html[data-theme=namoinam] select:focus,html[data-theme=namoinam] textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(20,86,240,.15)!important}html[data-theme=namoinam] .login-card-wrapper{border-radius:var(--radius-xl)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-md)!important}.permissions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.permissions-modal-content{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);width:90%;max-width:500px;box-shadow:var(--shadow-lg);overflow:hidden;animation:slideUp .2s ease-out}.permissions-modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.permissions-modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text)}.close-modal-btn{background:transparent;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1}.close-modal-btn:hover{color:var(--text)}.permissions-modal-body{padding:20px}.permissions-matrix-table{width:100%;border-collapse:collapse;margin-top:12px}.permissions-matrix-table td,.permissions-matrix-table th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}.permissions-matrix-table th{font-weight:600;color:var(--text-sub);background:var(--bg-soft)}.permissions-matrix-table tr:hover td{background:var(--bg-soft)}.permissions-matrix-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}.permissions-modal-footer{padding:14px 20px;background:var(--bg-soft);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}