.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}:root{--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-500: #4f46e5;--brand-600: #4338ca;--brand-700: #3730a3;--success: #16a34a;--success-bg: #dcfce7;--warning: #d97706;--warning-bg: #fef3c7;--danger: #dc2626;--danger-bg: #fee2e2;--info: #0ea5e9;--info-bg: #e0f2fe;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f9fafb;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-2: #4b5563;--muted: #9ca3af;--side-bg: #111827;--side-bg-2: #1f2937;--side-text: #cbd5e1;--side-text-active: #ffffff;--side-muted: #64748b;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--font: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif}[data-theme=dark]{--bg: #0b1220;--surface: #151c2c;--surface-2: #1c2536;--border: #273349;--border-strong: #3a4661;--text: #e5e9f0;--text-2: #aeb6c4;--muted: #6b7689;--side-bg: #0a0f1a;--side-bg-2: #161f30;--brand-50: #1e1b4b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-md);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.center{min-height:100vh;display:grid;place-items:center;padding:var(--sp-4)}.muted{color:var(--muted)}.small{font-size:var(--fs-xs)}.row{display:flex;align-items:center;gap:var(--sp-2)}.error,.info{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);margin:var(--sp-2) 0;font-size:var(--fs-sm);border:1px solid transparent}.error{background:var(--danger-bg);color:#991b1b;border-color:#fecaca}.info{background:var(--info-bg);color:#075985;border-color:#bae6fd}.login{width:min(360px,92vw);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6)}.login h1{color:var(--brand-500);font-size:22px;letter-spacing:.02em}.login p.muted{margin:0 0 var(--sp-3)}.login label{font-size:var(--fs-sm);margin-top:var(--sp-2);color:var(--text-2);font-weight:500}.login input{padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-md);background:var(--surface);color:var(--text)}.login input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.layout{display:grid;grid-template-columns:248px 1fr;height:100vh}.sidebar{background:var(--side-bg);color:var(--side-text);padding:var(--sp-4) var(--sp-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2)}.brand{font-size:var(--fs-lg);font-weight:800;color:#fff;letter-spacing:.06em;padding:var(--sp-2) var(--sp-3) var(--sp-4);display:flex;flex-direction:column;line-height:1.15}.brand span:first-child:before{content:"◆ ";color:var(--brand-500)}.brand-sub{font-size:10px;font-weight:700;letter-spacing:.45em;color:var(--side-muted);padding-left:23px}.sidebar nav{display:flex;flex-direction:column;gap:1px}.nav-group{margin-top:var(--sp-3)}.nav-group-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--side-muted);padding:var(--sp-2) var(--sp-3) var(--sp-1)}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500;color:var(--side-text);transition:background .12s,color .12s}.sidebar nav a .nav-ico{width:18px;text-align:center;opacity:.9;font-size:14px}.sidebar nav a:hover{background:var(--side-bg-2);color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,var(--brand-500),var(--brand-600));color:#fff;font-weight:600;box-shadow:0 2px 8px #4f46e559}.sidebar nav a.active .nav-ico{opacity:1}.sidebar-foot{margin-top:auto;padding:var(--sp-3);font-size:11px;color:var(--side-muted);border-top:1px solid var(--side-bg-2)}.content{overflow-y:auto;height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-6);background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar .page-title{font-size:var(--fs-lg);font-weight:700}.topbar-left{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.topbar .right{display:flex;align-items:center;gap:var(--sp-3)}.hamburger{display:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 11px;font-size:16px;line-height:1}.hamburger:hover{background:var(--surface-2)}.nav-backdrop{display:none}.page{padding:var(--sp-5) var(--sp-6);width:100%;flex:1}.card{overflow-x:auto}.badge{background:var(--brand-50);color:var(--brand-600);padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600}button{font-family:inherit;padding:9px 16px;border:1px solid transparent;border-radius:var(--r-md);background:var(--brand-500);color:#fff;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background .12s,box-shadow .12s,transform .05s}button:hover{background:var(--brand-600)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}button.ghost:hover{background:var(--surface-2)}button.mini{padding:5px 10px;font-size:var(--fs-xs)}button.danger{background:var(--danger)}.icon-btn{background:transparent;color:var(--text-2);border:1px solid var(--border);padding:7px 10px}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-4);box-shadow:var(--shadow-sm)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card-head h2{font-size:var(--fs-lg)}.field{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-sm);min-width:140px}.field>span{color:var(--text-2);font-weight:500}.field input,.field select,input,select,textarea{padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-md);font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .12s,box-shadow .12s;width:100%}.field input:focus,.field select:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}textarea{resize:vertical}.form-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-end}.form-row button{height:38px}.grid-form{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);align-items:end}.grid-form button{height:38px}@media (max-width: 1100px){.grid-form{grid-template-columns:repeat(2,1fr)}}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}thead th{text-align:left;padding:10px var(--sp-3);color:var(--text-2);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}tbody td{padding:11px var(--sp-3);border-bottom:1px solid var(--border);color:var(--text)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.tag{padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;display:inline-block}.tag.todo{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.tag.doing{background:var(--warning-bg);color:#92400e}.tag.done{background:var(--success-bg);color:#166534}.tag.overdue{background:var(--danger-bg);color:#991b1b}.progress{background:var(--border);border-radius:var(--r-pill);height:7px;width:110px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:var(--sp-2)}.progress .bar{background:var(--brand-500);height:100%;border-radius:var(--r-pill);transition:width .3s}.inline-actions{display:flex;gap:var(--sp-2)}.pager{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap}.danger-badge{background:var(--danger-bg);color:#991b1b}.alert-list{display:flex;flex-direction:column;gap:var(--sp-2)}.alert-item{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);text-decoration:none;color:var(--text)}.alert-item.warning{border-left:3px solid var(--warning)}.alert-item.danger{border-left:3px solid var(--danger)}.alert-item.info{border-left:3px solid var(--info)}.alert-item:hover{background:var(--surface)}.alert-ico{font-size:16px}.alert-main{flex:1;min-width:0;font-size:var(--fs-sm)}.alert-detail{color:var(--muted)}.alert-count{font-weight:700;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--fs-sm)}.alert-count.danger{background:var(--danger-bg);color:#991b1b}.alert-count.warning{background:var(--warning-bg);color:#92400e}.alert-count.info{background:var(--info-bg);color:#075985}.help-btn{font-weight:800;color:var(--brand-600);border-color:var(--brand-500)}.help-btn:hover{background:var(--brand-50)}.driver-popover{background:var(--surface)!important;color:var(--text)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-lg)!important;max-width:380px!important;font-family:var(--font)!important}.driver-popover-title{font-family:var(--font)!important;font-size:var(--fs-lg)!important;font-weight:700!important;color:var(--brand-600)!important}.driver-popover-description{font-family:var(--font)!important;color:var(--text-2)!important;line-height:1.65!important;font-size:var(--fs-sm)!important}.driver-popover-progress-text{color:var(--muted)!important;font-size:var(--fs-xs)!important}.driver-popover-navigation-btns button{background:var(--brand-500)!important;color:#fff!important;border:none!important;border-radius:var(--r-md)!important;padding:7px 14px!important;font-weight:600!important;text-shadow:none!important;font-family:var(--font)!important}.driver-popover-navigation-btns button:hover{background:var(--brand-600)!important}.driver-popover-navigation-btns button.driver-popover-prev-btn{background:transparent!important;color:var(--text)!important;border:1px solid var(--border-strong)!important}.driver-popover-close-btn{color:var(--muted)!important}.driver-popover-arrow-side-bottom{border-bottom-color:var(--surface)!important}.driver-popover-arrow-side-top{border-top-color:var(--surface)!important}.driver-popover-arrow-side-left{border-left-color:var(--surface)!important}.driver-popover-arrow-side-right{border-right-color:var(--surface)!important}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4)}.tabs button{background:transparent;color:var(--text-2);border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 14px;font-weight:600}.tabs button.active{color:var(--brand-600);border-bottom-color:var(--brand-500)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-4)}.cards.wide{grid-template-columns:repeat(5,1fr)}@media (max-width: 1200px){.cards,.cards.wide{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.cards,.cards.wide{grid-template-columns:repeat(2,1fr)}}.stat{padding:var(--sp-4) var(--sp-5);min-width:0}.stat-num{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}.stat-label{color:var(--text-2);font-size:var(--fs-sm);font-weight:500;margin-top:var(--sp-1)}.cards.wide .stat-num{font-size:var(--fs-xl)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media (max-width: 1000px){.grid-2{grid-template-columns:1fr}}.btn-file{background:var(--brand-500);color:#fff;padding:8px 14px;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1)}.btn-file:hover{background:var(--brand-600)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}@media (max-width: 1000px){.kanban{grid-template-columns:repeat(2,1fr)}}.kanban-col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3);min-height:120px;transition:background .12s,outline .12s}.kanban-col.drop-target{outline:2px dashed var(--brand-500);background:var(--brand-50)}.kanban-col h3{font-size:var(--fs-sm);margin-bottom:var(--sp-3);display:flex;justify-content:space-between}.kanban-col h3 .count{color:var(--muted);font-weight:600}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);margin-bottom:var(--sp-2);box-shadow:var(--shadow-sm);cursor:grab;font-size:var(--fs-sm)}.kanban-card:active{cursor:grabbing}.kanban-card .title{font-weight:600;margin-bottom:var(--sp-1)}.kanban-card .meta{color:var(--muted);font-size:var(--fs-xs);display:flex;justify-content:space-between;margin-top:var(--sp-2)}.thumbs{display:flex;gap:var(--sp-1);margin-top:var(--sp-2);flex-wrap:wrap}.thumbs img{width:40px;height:40px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm);height:16px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}#toast-root{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:1000;display:flex;flex-direction:column;gap:var(--sp-2)}.toast{background:var(--text);color:#fff;padding:10px 16px;border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);max-width:360px;animation:toast-in .2s ease}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:264px;transform:translate(-100%);transition:transform .22s ease;z-index:60;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.nav-open .nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:55}.hamburger{display:inline-flex;align-items:center}.topbar{padding:var(--sp-3) var(--sp-4)}.page{padding:var(--sp-4)}.page-title{font-size:var(--fs-md)}.user-name{display:none}table{min-width:560px}.card-head{flex-wrap:wrap}.form-row{flex-direction:column;align-items:stretch}.form-row button{width:100%}.field{min-width:0;width:100%}.grid-form{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.cards,.cards.wide{grid-template-columns:repeat(2,1fr)}.stat-num{font-size:var(--fs-xl)}.kanban{grid-template-columns:1fr}.topbar .right{gap:var(--sp-2)}.badge{display:none}.page{padding:var(--sp-3)}}@media print{.sidebar,.topbar,button,.btn-file{display:none!important}.layout{display:block}.content{height:auto;overflow:visible}.page{padding:0;max-width:none}.card{box-shadow:none;border-color:#ccc;break-inside:avoid}body{background:#fff}}