:root{--bg: #f1f5f9;--panel: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--primary: #0e7490;--primary-dark: #155e75;--green: #16a34a;--green-bg: #dcfce7;--gray-bg: #f1f5f9;--red: #dc2626;--amber: #d97706;--amber-bg: #fef3c7;--blue: #2563eb;--blue-bg: #dbeafe;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}.center{text-align:center;padding:40px}.muted{color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0e7490,#0f172a);padding:20px}.login-card{background:var(--panel);border-radius:16px;padding:36px 32px;width:100%;max-width:360px;box-shadow:0 20px 50px #00000040;text-align:center}.login-logo{font-size:44px}.login-card h1{font-size:20px;margin:12px 0 4px}.login-card input{width:100%;margin-top:18px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:15px}.login-card button{width:100%;margin-top:14px;padding:12px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.login-card button:hover{background:var(--primary-dark)}.error-msg{margin-top:12px;color:var(--red);font-size:13px}.app{max-width:100%;padding:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0;z-index:20;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand-logo{font-size:30px}.brand-title{font-weight:700;font-size:17px}.brand-sub{font-size:12px;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search{padding:9px 12px;border:1px solid var(--border);border-radius:9px;font-size:14px;min-width:220px}.btn{padding:9px 14px;border-radius:9px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-size:14px;font-weight:600;color:var(--text)}.btn:hover{background:#f8fafc}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent}.add-form{display:flex;gap:10px;padding:14px 20px;background:#ecfeff;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center}.add-form input,.add-form select{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.filter-seg{display:inline-flex;background:var(--gray-bg);border-radius:8px;padding:3px;gap:2px}.seg-btn{border:none;background:transparent;color:var(--muted);padding:7px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.seg-btn.active{background:#fff;color:var(--primary);box-shadow:0 1px 2px #0000001a}.form-title{font-weight:700;color:var(--primary);margin-right:4px}.pcard-actions{display:flex;gap:4px}.error-bar{background:#fee2e2;color:#991b1b;padding:10px 20px;cursor:pointer;display:flex;justify-content:space-between}.notice-bar{background:#dcfce7;color:#166534;padding:10px 20px;cursor:pointer;display:flex;justify-content:space-between}.dismiss{font-weight:700}.bulk-bar{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#0f172a;color:#fff;flex-wrap:wrap;position:sticky;top:62px;z-index:15}.bulk-count{background:var(--primary);padding:4px 12px;border-radius:20px;font-weight:700;font-size:13px}.bulk-label{font-size:13px;color:#cbd5e1}.bulk-bar select{padding:7px 10px;border-radius:8px;border:none;font-size:13px}.bulk-actions{display:contents}.bulk-bar .btn.ghost{color:#fff;background:transparent;border-color:#ffffff59}.bulk-bar .btn.ghost:hover{background:#ffffff1f}.table-scroll{overflow-x:auto;padding:16px 20px 0}.grid{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;background:var(--panel);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.grid th,.grid td{padding:7px 5px;text-align:left;border-bottom:1px solid var(--border);white-space:normal;overflow-wrap:anywhere;vertical-align:middle;font-size:12.5px}.grid thead th{background:#f8fafc;font-size:11px;font-weight:700;color:var(--muted);line-height:1.2;position:sticky;top:0;z-index:5}.col-check{width:28px;text-align:center}.col-info{width:8.5%}.col-status{width:6%;text-align:center}.grid thead th.col-status{text-align:center}.col-check input,.grid tbody .col-check input{cursor:pointer;width:16px;height:16px}.cell-name{font-weight:800;text-transform:uppercase;color:#0b6e3a}.col-actions{width:42px;text-align:center}.cell-status{text-align:center}.row-selected{background:#ecfeff}.grid tbody tr.row-done{background:#f0fdf4;opacity:.72}.grid tbody tr.row-done:hover{opacity:1}.grid tbody tr.row-todo td{color:var(--red)}.grid tbody tr.row-todo td.cell-name{color:#0b6e3a}.grid tbody tr:hover{background:#f8fafc}.grid tbody tr.row-selected:hover{background:#cffafe}.chip{border:none;padding:4px 7px;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;white-space:normal;line-height:1.2}.chip-on{background:var(--green-bg);color:var(--green)}.chip-off{background:var(--gray-bg);color:var(--muted)}.chip:hover{filter:brightness(.96)}.chip-select{border:none;padding:4px;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;max-width:100%}.cell-status .chip,.cell-status .chip-select{width:100%}.enum-0{background:var(--gray-bg);color:var(--muted)}.enum-1{background:var(--amber-bg);color:var(--amber)}.enum-2,.disp-ok{background:var(--green-bg);color:var(--green)}.disp-warn{background:var(--amber-bg);color:var(--amber)}.disp-bad{background:#fee2e2;color:var(--red)}.icon-btn{border:none;background:transparent;cursor:pointer;font-size:15px;opacity:.6}.icon-btn:hover{opacity:1}.foot{padding:14px 20px 30px;font-size:13px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 20px 4px}.pager-info{font-size:13px;font-weight:600;color:var(--muted);min-width:90px;text-align:center}.pager .btn[disabled]{opacity:.45;cursor:not-allowed}.card-list{padding:12px;display:flex;flex-direction:column;gap:12px}.card-selectall{display:flex;align-items:center;gap:10px;padding:6px 4px 2px;font-size:14px;font-weight:600;color:var(--muted)}.card-selectall input{width:20px;height:20px}.pcard{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.pcard-selected{border-color:var(--primary);box-shadow:0 0 0 2px #0e74902e}.pcard-done{background:#f0fdf4;border-left:4px solid var(--green)}.pcard-todo .pcard-meta,.pcard-todo .pcard-meta span,.pcard-todo .pcard-doctor{color:var(--red)}.pcard-todo{border-left:4px solid var(--red)}.pcard-head{display:flex;align-items:flex-start;gap:12px;padding:14px 14px 12px}.pcard-check{display:flex;padding-top:2px}.pcard-check input{width:22px;height:22px}.pcard-id{flex:1;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.pcard-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.pcard-progress{font-size:12px;font-weight:600;color:var(--muted);background:var(--gray-bg);padding:3px 9px;border-radius:20px}.pcard-progress.done{background:var(--green-bg);color:var(--green)}.pcard-toggle{transition:transform .15s ease;font-size:18px;line-height:1}.pcard-toggle.open{transform:rotate(180deg)}.pcard-name{font-weight:800;font-size:16px;line-height:1.3;text-transform:uppercase;color:#0b6e3a}.pcard-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:2px}.pcard-code{font-weight:600;color:var(--primary)}.pcard-doctor{font-size:13px;color:var(--text);margin-top:4px}.pcard-body{border-top:1px solid var(--border)}.pcard-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #f1f5f9}.pcard-row:last-child{border-bottom:none}.pcard-row-label{font-size:13.5px;color:var(--text)}.pcard-row .chip,.pcard-row .chip-select{min-height:34px;padding:7px 14px;font-size:13px}@media (max-width: 768px){.topbar{padding:12px 14px;gap:12px}.brand-sub{display:none}.topbar-actions{width:100%;gap:8px}.search{flex:1;min-width:0}.filter-seg{width:100%;order:4}.seg-btn{flex:1;padding:9px 6px}.btn{padding:11px 14px}.topbar-actions .btn.primary{order:3}.add-form{flex-direction:column;align-items:stretch;padding:14px}.add-form input,.add-form select,.add-form .btn{width:100%}.bulk-bar{position:fixed;left:0;right:0;bottom:0;top:auto;flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;box-shadow:0 -6px 24px #00000047}.bulk-bar select,.bulk-bar .btn{width:100%;padding:12px;font-size:15px}.bulk-count{align-self:flex-start}.bulk-actions{display:flex;gap:8px}.bulk-actions .btn{flex:1}.has-bulk .card-list{padding-bottom:340px}}