:root{--navy: #1F3864;--navy-light: #2e4d8a;--bg: #f4f6fa;--surface: #ffffff;--border: #d9dee8;--text: #1a1f2b;--muted: #6b7280;--green: #1f8a4c;--amber: #b7791f;--red: #c0392b;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08);--font: Arial, Helvetica, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}a{color:var(--navy)}.nav{background:var(--navy);color:#fff;padding:0 20px;display:flex;align-items:center;height:56px;gap:20px}.nav .brand{font-weight:700;font-size:18px;color:#fff;text-decoration:none}.nav a{color:#cdd6e8;text-decoration:none;font-size:14px}.nav a.active,.nav a:hover{color:#fff}.nav .spacer{flex:1}.nav .user{font-size:13px;color:#cdd6e8}.container,.detail-container{max-width:1100px;margin:24px auto;padding:0 20px}.auth-wrap{max-width:400px;margin:60px auto;background:var(--surface);padding:32px;border-radius:var(--radius);box-shadow:var(--shadow)}.auth-wrap h1{color:var(--navy);font-size:22px;margin-top:0}.auth-wrap .sub{color:var(--muted);font-size:14px;margin-bottom:20px}.auth-links{margin-top:16px;font-size:13px;display:flex;justify-content:space-between}label{display:block;font-size:13px;font-weight:700;margin:12px 0 4px}input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:6px;font-family:var(--font);font-size:14px;background:#fff}textarea{min-height:70px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:12px}.checkbox-row input{width:auto}.checkbox-row label{margin:0;font-weight:400}button{cursor:pointer;font-family:var(--font)}.btn{background:var(--navy);color:#fff;border:none;padding:9px 16px;border-radius:6px;font-size:14px}.btn:hover{background:var(--navy-light)}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--border)}.btn-secondary:hover{background:#eef1f7}.btn-danger{background:var(--red)}.btn-sm{padding:5px 10px;font-size:12px}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.page-head{display:flex;align-items:center;margin-bottom:18px}.page-head h1{margin:0;font-size:22px;color:var(--navy)}.page-head .spacer{flex:1}table.grid{width:100%;border-collapse:collapse;background:var(--surface)}table.grid th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:10px 12px;border-bottom:2px solid var(--border)}table.grid td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:top}table.grid tr:hover td{background:#fafbfd}.row-link{cursor:pointer}.badge{display:inline-block;padding:2px 9px;border-radius:11px;font-size:12px;font-weight:700;white-space:nowrap}.chip{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background:#eef1f7;color:var(--navy)}.due-chip{font-weight:700;font-size:13px}.due-soon{color:var(--red)}.due-near{color:var(--amber)}.due-ok{color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:20px 0;flex-wrap:wrap}.tabs button{background:none;border:none;padding:10px 14px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--navy);border-bottom-color:var(--navy);font-weight:700}.filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filters select,.filters input{width:auto;min-width:150px}.muted{color:var(--muted)}.error{background:#fdecea;color:var(--red);padding:10px 12px;border-radius:6px;font-size:14px;margin:12px 0}.success{background:#eafaf0;color:var(--green);padding:10px 12px;border-radius:6px;font-size:14px;margin:12px 0}.empty{padding:40px;text-align:center;color:var(--muted)}.flex{display:flex;gap:10px;align-items:center}.flex>input,.flex>textarea{min-width:0}.flex>select{width:auto;flex:none}.flex>.btn,.flex>button{flex:none;white-space:nowrap}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt{margin-top:16px}.section{margin-bottom:28px}.section h3{color:var(--navy);font-size:16px;border-bottom:1px solid var(--border);padding-bottom:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:var(--radius);padding:24px;width:440px;max-width:92vw;max-height:90vh;overflow:auto}.modal h2{margin-top:0;color:var(--navy);font-size:18px}.ws-bar{height:26px;border-radius:6px;overflow:hidden;display:flex;border:1px solid var(--border)}.ws-prime{background:var(--navy)}.ws-sub{background:var(--amber)}.ws-flag{background:#fdecea;color:var(--red);padding:10px 12px;border-radius:6px;font-size:13px;margin-top:10px;font-weight:700}.ws-ok{background:#eafaf0;color:var(--green);padding:10px 12px;border-radius:6px;font-size:13px;margin-top:10px}.activity-item{padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.activity-item .when{color:var(--muted);font-size:12px}