*{box-sizing:border-box}:root{--row-height:104px}html,body{width:100%;height:100%;margin:0;font-family:Inter,Arial,sans-serif;background:#08111e;color:#172033;overflow:hidden}.hidden{display:none!important}.app{height:100vh;width:100vw;padding:10px 30px 30px;position:relative}.toolbar{height:44px;display:flex;align-items:flex-start;justify-content:flex-start}.search-wrap{position:relative;width:220px;height:34px}.search-wrap input{width:100%;height:34px;border:1px solid #2f6fae;border-radius:8px;background:#fff;color:#172033;outline:0;padding:0 10px 0 34px;font-size:13px;box-shadow:0 0 0 1px rgba(23,135,255,.06)}.search-wrap input:focus{border-color:#1787ff;box-shadow:0 0 0 3px rgba(23,135,255,.12)}.search-icon{position:absolute;left:10px;top:8px;width:18px;height:18px;fill:none;stroke:#697a8d;stroke-width:1.8;pointer-events:none}.table-shell{height:calc(100vh - 84px);width:100%;overflow:auto;border:3px solid #1787ff;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(23,135,255,.15)}table{border-collapse:separate;border-spacing:0;min-width:1900px;width:100%;table-layout:fixed;background:#fff}th,td{border-right:1px solid #9aa3ad;border-bottom:1px solid #aab2bb;padding:0;text-align:center;vertical-align:middle}th{position:sticky;top:0;z-index:6;background:#0b2239;color:#fff;font-size:13px;font-weight:700;padding:10px 6px;white-space:nowrap;height:42px}th:first-child{border-top-left-radius:6px}th:last-child{border-top-right-radius:6px;border-right:0}td:last-child{border-right:0}tbody tr{height:var(--row-height)!important;min-height:var(--row-height)!important;max-height:var(--row-height)!important}tbody td{height:var(--row-height)!important;min-height:var(--row-height)!important;max-height:var(--row-height)!important;overflow:hidden}tbody tr:hover{background:#f8fbff}.c-date{width:122px}.c-name{width:185px}.c-photo{width:104px}.c-status{width:135px}.c-service{width:190px}.c-interview{width:150px}.c-note{width:260px}.sortable{padding-left:4px;padding-right:8px;text-align:center}.sort-btn{width:25px;height:25px;margin-left:0;margin-right:4px;float:left;border:0;border-radius:5px;background:transparent;color:#cdd8e5;cursor:pointer;vertical-align:middle;padding:0}.sort-btn:hover{background:rgba(255,255,255,.12);color:#fff}.sort-glyph{font-size:16px;line-height:1}.sortable.sort-asc .sort-glyph::before{content:'↑';font-size:17px}.sortable.sort-desc .sort-glyph::before{content:'↓';font-size:17px}.sortable.sort-asc .sort-glyph,.sortable.sort-desc .sort-glyph{font-size:0}.cell-input,.cell-area{width:100%;height:var(--row-height)!important;min-height:var(--row-height)!important;max-height:var(--row-height)!important;border:0;outline:0;background:transparent;padding:10px;font:inherit;color:#162033;text-align:center}.cell-input{text-transform:uppercase;font-weight:700}.date-input{text-transform:none;font-weight:500}.cell-area{resize:none;line-height:1.35;overflow:auto;display:block}.status-wrap,.service-wrap{height:var(--row-height)!important;min-height:var(--row-height)!important;max-height:var(--row-height)!important;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.status-select,.service-select{width:100%;border:1px solid transparent;border-radius:7px;padding:9px 7px;font-weight:700;outline:0;cursor:pointer;text-align:center;text-align-last:center;appearance:auto}.status-select.done{background:#dff5e4;color:#11612a}.status-select.missing{background:#ffe1e7;color:#a20d25}.interview-select.none{background:#ffe1e7;color:#a20d25}.interview-select.no-post{background:#fff3c4;color:#9a7a00}.service-select.crown{background:#dceeff;color:#0759aa}.service-select.implant{background:#ffe3e3;color:#7c392f}.service-select.combo{background:#fff4bf;color:#b18b00}.service-note{width:100%;min-height:46px;max-height:46px;border:1px solid #cbd4df;border-radius:7px;padding:7px;resize:none;font:inherit;line-height:1.25;outline:none;background:#fff;text-align:center;overflow:auto}.photo-cell{position:relative;width:104px;height:var(--row-height)!important;min-height:var(--row-height)!important;max-height:var(--row-height)!important;padding:0;overflow:hidden}.photo-box{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;overflow:hidden;background:#eef3f7;display:flex;align-items:center;justify-content:center;color:#7b8795;font-size:11px;text-align:center;cursor:context-menu;user-select:none}.photo-box img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.note-cell{position:relative}.note-cell .cell-area{padding-right:48px;padding-bottom:44px}.round-action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;color:#fff;font-size:29px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:20}.add-row{position:fixed;right:38px;bottom:37px;background:#0b78e3}.delete-row{position:absolute;right:7px;bottom:7px;width:31px;height:31px;border-radius:50%;border:0;background:#e23845;color:#fff;font-size:23px;line-height:29px;cursor:pointer;box-shadow:0 2px 8px rgba(118,7,20,.25);z-index:3}.delete-row:hover{background:#c92331}.context-menu{position:fixed;z-index:50;background:#fff;border:1px solid #c8d0da;border-radius:7px;box-shadow:0 8px 25px rgba(0,0,0,.2);padding:5px}.context-menu button{border:0;background:#fff;padding:8px 18px;cursor:pointer;border-radius:5px}.context-menu button:hover{background:#eaf3ff}.gate{position:fixed;inset:0;background:#07111f;display:flex;align-items:center;justify-content:center;padding:20px}.gate-card{width:min(430px,100%);background:#fff;border:1px solid #1787ff;border-radius:13px;padding:25px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.gate-card h2{margin:0 0 10px}.gate-card p{color:#5a6572}.gate-card input{width:100%;padding:11px 12px;border:1px solid #b8c2ce;border-radius:8px;margin:8px 0 10px}.gate-card button{width:100%;padding:11px;border:0;border-radius:8px;background:#0a70d8;color:#fff;font-weight:700;cursor:pointer}.gate-small{font-size:12px;color:#7c8794;margin-top:10px;text-align:center}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(4,11,20,.62);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(390px,calc(100vw - 40px));background:#fff;border:1px solid #cfdae7;border-radius:14px;padding:24px;text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.34);animation:modalIn .18s ease-out}.modal-icon{width:46px;height:46px;border-radius:50%;margin:0 auto 12px;background:#ffe2e5;color:#c51f31;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700}.modal-card h3{margin:0 0 8px;font-size:20px}.modal-card p{margin:0;color:#697586;font-size:14px;line-height:1.45}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.modal-actions button{min-width:100px;border:0;border-radius:8px;padding:10px 17px;font-weight:700;cursor:pointer}.btn-secondary{background:#edf1f5;color:#334154}.btn-danger{background:#e23845;color:#fff}.btn-danger:hover{background:#c92331}@keyframes modalIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.photo-box.paste-target{outline:3px solid #1787ff;outline-offset:-3px}.photo-box.uploading::after{content:"Đang xử lý...";position:absolute;inset:0;background:rgba(8,17,30,.58);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:2}

.customer-name{height:100%!important;line-height:normal;text-align:center!important;padding:0 10px!important;display:block;}