:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, Roboto, sans-serif;--radius: 14px;--radius-lg: 18px;--transition: .18s ease-out}body.theme-a{--bg: #f5f5f7;--surface: #ffffff;--surface-2: #f2f3f6;--border: rgba(0, 0, 0, .08);--text: #1d1d1f;--muted: #6e6e73;--accent: #0071e3;--accent-2: #0a84ff;--accent-strong: #0060c0;--accent-soft: #e8f2ff;--sidebar: rgba(250, 250, 252, .78);--sidebar-text: #3c3c43;--sidebar-active: #0071e3;--sidebar-hover: rgba(127, 127, 127, .1);--danger: #d0342c;--danger-soft: #fdeaea;--danger-border: #f2c4bf;--ok: #1e8e5a;--ok-soft: #e4f7ec;--shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 8px 24px rgba(0, 0, 0, .05);--shadow-lg: 0 18px 50px rgba(10, 30, 40, .18);--glass: rgba(255, 255, 255, .66);--scrim: rgba(0, 0, 0, .34);--st-gray-bg: #eef1f4;--st-gray-fg: #4b5a68;--st-blue-bg: #e8f2ff;--st-blue-fg: #0a62d0;--st-green-bg: #e4f7ec;--st-green-fg: #1e8e5a;--st-red-bg: #fdeaea;--st-red-fg: #d0342c;--st-purple-bg: #f1ebff;--st-purple-fg: #7b4fd0;--gantt-line: rgba(0, 0, 0, .07)}body.theme-d{--bg: #16181d;--surface: #1e2026;--surface-2: #262a31;--border: rgba(255, 255, 255, .09);--text: #f2f4f7;--muted: #9aa3af;--accent: #0a84ff;--accent-2: #64b5ff;--accent-strong: #409cff;--accent-soft: rgba(10, 132, 255, .16);--sidebar: rgba(28, 30, 36, .78);--sidebar-text: #aab2bf;--sidebar-active: #0a84ff;--sidebar-hover: rgba(255, 255, 255, .07);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .14);--danger-border: rgba(255, 69, 58, .35);--ok: #30d158;--ok-soft: rgba(48, 209, 88, .14);--shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 14px 40px rgba(0, 0, 0, .32);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .45);--glass: rgba(30, 32, 38, .7);--scrim: rgba(0, 0, 0, .5);--st-gray-bg: rgba(150, 160, 175, .16);--st-gray-fg: #b6bec9;--st-blue-bg: rgba(10, 132, 255, .16);--st-blue-fg: #64b5ff;--st-green-bg: rgba(48, 209, 88, .14);--st-green-fg: #30d158;--st-red-bg: rgba(255, 69, 58, .14);--st-red-fg: #ff6961;--st-purple-bg: rgba(191, 90, 242, .16);--st-purple-fg: #da8fff;--gantt-line: rgba(255, 255, 255, .07)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{-webkit-font-smoothing:antialiased;text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;transition:background .25s ease,color .25s ease}button,input,select,textarea{font-family:inherit;font-size:14px}button{cursor:pointer}a{color:var(--accent-2)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#7f7f7f52;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:var(--sidebar);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-right:1px solid var(--border);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;transition:transform .26s cubic-bezier(.25,.6,.3,1)}.brand{display:flex;align-items:center;gap:10px;padding:18px 16px 16px;color:var(--text)}.brand-co{align-items:flex-start}.brand-name{display:block;font-size:13px;font-weight:600;color:var(--text);line-height:1.4;word-break:break-all;letter-spacing:0}.nav{padding:6px 12px 12px;display:flex;flex-direction:column;gap:2px}.nav-group{font-size:11px;color:var(--muted);letter-spacing:.05em;padding:14px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;color:var(--sidebar-text);text-decoration:none;border:none;background:transparent;text-align:left;width:100%;font-size:13.5px;font-weight:500;transition:background .15s ease,color .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-item:hover{background:var(--sidebar-hover);color:var(--text)}.nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:600;box-shadow:0 4px 12px #00000029}.nav-icon{width:17px;height:17px;flex-shrink:0;opacity:.85}.nav-item.active .nav-icon{opacity:1}.nav-cnt{margin-left:auto;font-size:11px;background:#7f7f7f26;padding:1px 8px;border-radius:999px;font-weight:600}.nav-item.active .nav-cnt{background:#ffffff3d;color:#fff}.sidebar-foot{margin-top:auto;padding:14px 16px 16px;font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--border)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:140;display:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:58px;background:var(--glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:50}.topbar h1{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0;white-space:nowrap}.topbar .sub{color:var(--muted);font-size:12.5px}.top-crumb{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;white-space:nowrap}.top-crumb-sep{opacity:.45}.top-search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:7px 16px;color:var(--muted);font-size:13px;width:230px;outline:none}.top-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.top-search-wrap{position:relative}.search-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:90;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);min-width:340px;max-height:420px;overflow:auto;padding:8px}.search-group+.search-group{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.search-group-title{font-size:11px;color:var(--muted);padding:4px 10px;font-weight:600}.search-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:9px;font-size:13px;color:var(--text);cursor:pointer}.search-item:hover{background:var(--surface-2)}.search-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item-sub{font-size:12px;flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-menu-empty{padding:14px;text-align:center;font-size:13px}} .top-divider{width:1px;height:22px;background:var(--border)}.top-icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.top-icon-btn:hover{background:var(--surface-2)}.top-icon-wrap{position:relative;display:flex;align-items:center}.top-icon-tip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:11px;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:3px 10px;border-radius:999px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}.top-icon-wrap:hover .top-icon-tip{opacity:1}.top-bell-dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.top-user{display:flex;align-items:center;gap:9px}.top-user{position:relative;cursor:pointer;padding:8px 12px;border-radius:12px}.top-user:hover{background:var(--surface-2)}.top-user-info{line-height:1.25}.top-user-name{font-size:13px;font-weight:600}.top-user-role{font-size:11px;color:var(--muted)}.top-user-caret{font-size:12px;color:var(--muted);margin-left:2px}.proj-switch{display:flex;align-items:center;gap:7px;background:var(--accent-soft);color:var(--accent-2);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;max-width:280px;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.proj-switch:hover{filter:brightness(1.05)}.proj-switch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-switch-caret{font-size:9px;opacity:.7;flex-shrink:0}.proj-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:80;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);min-width:300px;max-height:360px;overflow:auto;padding:8px}.proj-menu-title{font-size:11.5px;color:var(--muted);padding:6px 10px;font-weight:600}.proj-menu-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:9px 10px;border-radius:9px;font-size:13px;color:var(--text);cursor:pointer}.proj-menu-item:hover{background:var(--surface-2)}.proj-menu-item.active{background:var(--accent-soft);color:var(--accent-2);font-weight:600}.proj-menu-empty{padding:10px;text-align:center}.user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);min-width:220px;padding:8px}.user-menu-head{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.user-menu-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:12px;border-radius:10px;font-size:14px;color:var(--danger);cursor:pointer}.user-menu-item:hover{background:var(--danger-soft)}.menu-btn{display:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);width:36px;height:36px;border-radius:10px;font-size:17px;align-items:center;justify-content:center;flex-shrink:0}.content{padding:24px 26px 56px;max-width:1220px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card-pad{padding:20px 22px}.section-title{font-size:15.5px;font-weight:700;letter-spacing:-.015em;margin:0 0 12px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 12px}.card-head h3{font-size:15.5px;font-weight:700;letter-spacing:-.015em;margin:0}.card-head .more{font-size:12.5px;color:var(--accent-2);cursor:pointer;font-weight:500}.card-body{padding:0 20px 18px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 14px;font-weight:500;transition:transform .12s ease-out,background .15s ease-out,box-shadow .18s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px #0000001f}.btn-primary:hover{filter:brightness(1.06);background:var(--accent)}.btn-danger{color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{padding:5px 11px;font-size:13px;border-radius:8px}.btn:disabled{opacity:.55;cursor:not-allowed}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text);margin-bottom:6px;font-weight:500}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:11px;padding:10px 13px;background:var(--surface-2);color:var(--text);outline:none;transition:all .18s ease-out}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.muted{color:var(--muted)}.error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border);border-radius:11px;padding:10px 14px;margin-bottom:14px}.empty{text-align:center;color:var(--muted);padding:36px 0}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:12px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .12s ease-out}table.data tbody tr:hover td{background:var(--surface-2)}table.data tr.clickable{cursor:pointer}table.data tr.drag-source{opacity:.45;background:var(--accent-soft)}table.data tr[draggable=true]:hover td{background:var(--surface-2)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.st-未开始{background:var(--st-gray-bg);color:var(--st-gray-fg)}.st-进行中{background:var(--st-blue-bg);color:var(--st-blue-fg)}.st-已完成{background:var(--st-green-bg);color:var(--st-green-fg)}.st-已延期{background:var(--st-red-bg);color:var(--st-red-fg)}.st-规划中{background:var(--st-purple-bg);color:var(--st-purple-fg)}.st-已归档{background:var(--st-gray-bg);color:var(--st-gray-fg)}.st-已发货{background:var(--st-blue-bg);color:var(--st-blue-fg)}.st-已到货{background:var(--st-green-bg);color:var(--st-green-fg)}.st-active{background:var(--accent-soft);color:var(--accent-2)}.prio-高{color:var(--danger);font-weight:600}.prio-普通{color:var(--text)}.prio-低{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{padding:18px 20px;transition:transform .18s ease-out,box-shadow .18s ease-out}.stat:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.stat .num{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.stat .label{color:var(--muted);font-size:13px;margin-top:6px}.stat .accent{color:var(--accent-2)}.stat .warn{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px;z-index:100;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:20px;box-shadow:var(--shadow-lg);width:560px;max-width:100%;max-height:86vh;overflow:auto;animation:pop .28s cubic-bezier(.2,.9,.3,1.15)}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}.modal-wide{width:960px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.modal-head h3{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.modal-body{padding:20px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface)}.icon-btn{border:none;background:transparent;color:var(--muted);font-size:20px;line-height:1;padding:4px 8px;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.img-viewer{padding:30px}.img-viewer-box{background:var(--surface);border-radius:18px;width:min(1100px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.img-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.img-viewer-scale{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.img-viewer-stage{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;background:#0d0f13;min-height:300px}.img-viewer-stage img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:6px;cursor:grab;transform-origin:center center}.img-viewer-hint{text-align:center;font-size:11.5px;color:var(--muted);padding:8px 0;border-top:1px solid var(--border)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.kanban-col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;min-height:200px}.kanban-col h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:12px;margin-bottom:10px;box-shadow:0 1px 3px #0000000d;transition:transform .15s ease-out,box-shadow .15s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000017}.kanban-card .subject{font-weight:600;font-size:13.5px;margin-bottom:8px}.kanban-card .meta{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.kanban-card .acts{margin-top:8px;display:flex;gap:6px}.wp-detail-meta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;font-size:13px;color:var(--muted);padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px}.wp-detail-meta .progress-bar{width:90px}.wp-attach-list,.wp-comment-list{display:flex;flex-direction:column;gap:8px}.wp-attach-item,.wp-child-item,.wp-rel-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;font-size:13.5px}.wp-attach-item a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-comment{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.wp-comment+.wp-comment{margin-top:0}.wp-child-list,.wp-rel-list{display:flex;flex-direction:column;gap:8px}.wp-child-item .progress-bar{width:50px}.wp-rel-item span:first-child{font-weight:600}.wp-rel-form{padding:10px;background:var(--surface-2);border:1px dashed var(--border);border-radius:10px}.gantt{overflow-x:auto}.gantt-head{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--border)}.gantt-row{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--gantt-line);align-items:center}.gantt-label{padding:9px 12px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.gantt-track{position:relative;height:34px}.gantt-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--gantt-line) 1px,transparent 1px);background-size:var(--cell) 100%}.gantt-track-axis{height:28px;position:relative}.gantt-track-axis:before{background-image:linear-gradient(to right,var(--gantt-line) 1px,transparent 1px)}.gantt-tick{position:absolute;top:6px;transform:translate(-50%);font-size:11px;color:var(--muted);white-space:nowrap}.gantt-tick.month{font-weight:700;color:var(--text);font-size:12px}.gantt-today{position:absolute;top:0;bottom:0;width:2px;background:#ff9f0a;opacity:.8;z-index:1;pointer-events:none}.gantt-bar{position:absolute;top:8px;height:18px;border-radius:5px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;padding:0 5px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:18px;z-index:2;box-shadow:0 2px 6px #00000024}.gantt-bar.done{background:var(--ok)}.gantt-bar.overdue{background:var(--danger)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{border:none;background:transparent;padding:10px 13px;font-size:13.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;transition:color .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tab.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar .filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar select,.toolbar input[type=search],.toolbar input{border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:var(--surface);color:var(--text);outline:none;font-size:13px}.toolbar select:focus,.toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.progress-bar{width:90px;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress-bar>span{display:block;height:100%;background:var(--accent);border-radius:999px}.grid-main{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.side-list{display:flex;flex-direction:column}.side-item{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;transition:background .12s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.side-item:hover{background:var(--surface-2)}.side-item .p-ico{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff}.side-item>div{min-width:0}.side-item .t1{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-item .t2{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-item .right{margin-left:auto;text-align:right;flex-shrink:0}.mini-bar{width:84px;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.mini-bar>span{display:block;height:100%;border-radius:999px;background:var(--accent)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.proj-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s ease-out,box-shadow .18s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.proj-card:hover{transform:translateY(-3px);box-shadow:0 12px 34px #0000001f}.proj-card .head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.proj-card .p-ico{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff}.proj-card .name{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.proj-card .sub{font-size:12px;color:var(--muted);margin-top:3px}.proj-card .row{display:flex;justify-content:space-between;align-items:center}.proj-card .lbl{font-size:12px;color:var(--muted)}.proj-card .pct{font-size:18px;font-weight:700;letter-spacing:-.02em}.proj-card .prog-line{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:8px}.proj-card .prog-line>span{display:block;height:100%;border-radius:999px;background:var(--accent)}.proj-card .meta{display:flex;gap:14px;margin-top:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.proj-card .foot-acts{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.log-list{display:flex;flex-direction:column;gap:16px}.log-card{padding:18px 20px}.log-timeline{position:relative;padding-left:26px;display:flex;flex-direction:column;gap:16px}.log-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,#0a84ff,#0a84ff26)}.print-logo{display:none}.tl-item{position:relative}.tl-dot{position:absolute;left:-26px;top:12px;width:16px;height:16px;border-radius:50%;background:#0a84ff;box-shadow:0 0 0 4px #0a84ff2e}.log-card-b{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.log-head-b{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.log-date-b{font-size:15px;font-weight:700;color:#64b5ff;letter-spacing:-.01em;white-space:nowrap}.log-tags-b{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap;align-items:center}.tag-b{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.tag-b.weather{color:#64b5ff}.tag-b.workers{color:#da8fff}.tag-b.who{color:var(--muted)}.body-b{display:flex;flex-direction:column;gap:8px}.tl-work{font-size:13.5px;line-height:1.75;color:var(--text);white-space:pre-wrap;word-break:break-word}.tl-issue{margin-top:8px;font-size:12.5px;color:#ff6961;background:#ff453a14;border-radius:9px;padding:8px 11px;white-space:pre-wrap;word-break:break-word}.tl-issue:before{content:"⚠ "}.tl-plan{margin-top:8px;font-size:12.5px;color:#30d158;background:#30d15814;border-radius:9px;padding:8px 11px;white-space:pre-wrap;word-break:break-word}.tl-plan:before{content:"→ "}.log-photos-b{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.log-photos-b .thumb,.log-photos-b .main{width:66px;height:50px;border-radius:8px;overflow:hidden;border:1px solid var(--border);cursor:zoom-in}.log-photos-b img{width:100%;height:100%;object-fit:cover;display:block}.log-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.log-date{width:52px;height:56px;border-radius:12px;flex-shrink:0;background:var(--accent-soft);color:var(--accent-2);display:flex;flex-direction:column;align-items:center;justify-content:center}.log-day{font-size:22px;font-weight:800;line-height:1.05;letter-spacing:-.02em}.log-ym{font-size:10.5px;opacity:.8;margin-top:2px}.log-meta{flex:1;min-width:0}.log-weather{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.log-workers{margin-top:6px}.log-acts{flex-shrink:0}.log-body{display:flex;flex-direction:column;gap:12px}.log-sec{background:var(--surface-2);border-radius:12px;padding:12px 14px}.log-sec-title{font-size:12px;font-weight:600;color:var(--accent-2);margin-bottom:6px;letter-spacing:.02em}.log-sec-warn{color:var(--danger)}.log-sec-plan{color:var(--ok)}.log-text{font-size:13.5px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.log-photos{display:flex;flex-wrap:wrap;gap:8px}.log-photo{width:108px;height:78px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2);display:block;position:relative}.log-photo img{width:100%;height:100%;object-fit:cover;display:block}.log-photo-del{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.log-photo-del:hover{background:var(--danger)}.log-form-grid{display:flex;flex-direction:column}.log-form-row{display:grid;grid-template-columns:150px 1fr;gap:10px 14px;padding:7px 0;border-bottom:1px dashed var(--border);align-items:baseline}.log-form-row:last-child{border-bottom:none}.log-form-label{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;letter-spacing:.02em}.log-form-value{font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--text)}.log-form-value:empty:before,.log-form-value:has(>:empty){color:var(--muted)}.log-card-prev{margin-top:12px;background:var(--surface-2);border-radius:10px;padding:10px 12px}.log-card-prev .log-text{font-size:12.5px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alllogs-proj{margin-bottom:18px}.alllogs-proj .proj-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.alllogs-proj .proj-title .cnt{font-size:12px;color:var(--muted);font-weight:500}.report-bar-row{display:grid;grid-template-columns:150px 1fr 150px;gap:10px;align-items:center;padding:7px 0;font-size:12.5px}.report-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}.report-bar-track{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden;position:relative}.report-bar-contract{position:absolute;inset:0 auto 0 0;background:#0a84ff40;border-radius:999px}.report-bar-paid{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:999px}.report-bar-progress{position:absolute;inset:0 auto 0 0;background:var(--ok);border-radius:999px}.report-bar-num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.member-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px}.member-chip .avatar{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.login-page{min-height:100vh;display:flex;background:var(--bg)}.login-hero{flex:1.2;position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0a66d6,#0a84ff 45%,#5ac8fa);display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px}.login-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 320px at 85% 12%,rgba(255,255,255,.18),transparent 60%),radial-gradient(500px 300px at 8% 88%,rgba(255,255,255,.12),transparent 55%)}.hero-brand{display:flex;align-items:center;gap:13px;font-weight:700;font-size:17px;letter-spacing:.01em;position:relative;z-index:1}.hero-copy{position:relative;z-index:1}.hero-title{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.18;margin-bottom:12px}.hero-desc{font-size:14px;opacity:.85;line-height:1.75;max-width:430px}.hero-chips{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.hero-chips span{padding:6px 14px;border-radius:999px;font-size:12px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:520px;position:relative;z-index:1}.hero-stats>div{background:#ffffff21;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-stats .num{font-size:26px;font-weight:700;letter-spacing:-.02em}.hero-stats .lbl{font-size:12px;opacity:.75;margin-top:3px}.login-panel{width:460px;flex-shrink:0;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:46px}.login-box{width:100%;max-width:330px}.login-box h2{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:6px}.login-box .sub{font-size:13px;color:var(--muted);margin-bottom:26px}.login-box .login-submit{width:100%;padding:13px;border-radius:12px;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.05em}.login-foot{text-align:center;font-size:11px;color:var(--muted);margin-top:26px;line-height:1.8}.theme-switch{display:flex;align-items:center;gap:5px}.theme-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer;transition:all .15s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.theme-btn:hover{color:var(--text)}.theme-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.sign-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:18px;padding-top:12px;border-top:2px solid #000}.sign-col{font-size:13px}.sign-title{font-weight:600;margin-bottom:18px}.sign-line{margin-top:8px;white-space:nowrap}.mat-batch-table input,.mat-batch-table select{width:100%;min-width:72px;padding:5px 8px;font-size:13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-align:center}.mat-batch-table td:first-child input,.mat-batch-table td:first-child select{text-align:left}.mat-batch-table td{padding:6px}.mat-batch-table th{white-space:nowrap;font-size:12px}.print-value{display:none}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}.sidebar{width:200px}.grid-main{grid-template-columns:1fr}}@media (max-width: 820px){.menu-btn{display:inline-flex}.top-search,.top-user-info{display:none}.login-page{flex-direction:column}.login-hero{padding:32px 26px;min-height:300px}.hero-title{font-size:24px}.hero-stats{gap:8px}.hero-stats .num{font-size:20px}.hero-stat,.hero-stats>div{padding:12px}.login-panel{width:100%;padding:32px 24px 42px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:272px;z-index:150;transform:translate(-105%);box-shadow:0 20px 60px #00000047}.sidebar.open{transform:translate(0)}.scrim.show{display:block}.topbar{padding:0 16px;gap:10px;height:56px}.topbar .sub,.top-crumb{display:none}.proj-switch{max-width:160px;padding:5px 10px}.top-icon-tip{display:none}.content{padding:18px 16px 50px}.stat-grid{gap:12px}.stat{padding:15px 16px}.stat .num{font-size:25px}.grid-2,.kanban{grid-template-columns:1fr}.table-wrap{margin:0 -6px;padding:0 6px}table.data{min-width:680px}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:92vh;border-radius:22px 22px 0 0;animation:sheetUp .28s cubic-bezier(.2,.9,.3,1.1)}@keyframes sheetUp{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.modal-head,.modal-foot{padding:15px 18px}.modal-body{padding:18px}}@media (max-width: 520px){.topbar h1{font-size:15px}.proj-switch,.top-user-info{display:none}.content{padding:14px 12px 44px}.stat-grid{gap:10px}.stat .num{font-size:22px}.stat .label{font-size:12px}.toolbar{gap:10px}.btn{padding:7px 12px;font-size:13px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}.stat:hover,.kanban-card:hover{transform:none}}@media print{*{border-radius:0!important;box-shadow:none!important}body{background:#fff}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%;background:#fff;color:#000}.print-value{display:inline;font-size:10px}.print-select,.print-area button,.print-area .mat-batch-table select{display:none!important}.print-area .mat-batch-table .print-cell-value{display:inline;font-size:10px}.print-area .data{font-size:10px;width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #333}.print-area .data th:first-child,.print-area .data td:first-child{width:32%}.print-area .data th,.print-area .data td{padding:3px 5px!important;font-size:10px!important;border:1px solid #333!important;text-align:center!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-area .data th:first-child,.print-area .data td:first-child{text-align:left!important}.print-area .field{margin-bottom:6px}.print-area input,.print-area select,.print-area textarea{border:none!important;font-size:10px!important;padding:0!important;background:#fff!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none!important}.print-area .table-wrap{overflow:visible!important}.sign-bar{border-top:2px solid #000;page-break-inside:avoid}.print-area .log-timeline{padding-left:0}.print-area .log-timeline:before{display:none}.print-area .tl-dot{display:none}.print-logo{display:block}}