:root{color:#173d33;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.loading-page,.auth-page{background:linear-gradient(145deg,#eff7f2,#f8faf9);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #dce7e1;border-radius:24px;gap:18px;width:min(100%,460px);padding:34px;display:grid;box-shadow:0 20px 50px #2451411a}.auth-card h1{letter-spacing:-.04em;margin:-10px 0 0;font-size:30px}.auth-card label,.form-card label,.note-card label{color:#315e50;gap:7px;font-size:14px;font-weight:700;display:grid}.auth-card input,.form-card input,.form-card textarea,.note-card textarea,.search{color:#173d33;background:#fff;border:1px solid #c9d7d0;border-radius:10px;outline-color:#2d6a5a;width:100%;min-height:46px;padding:10px 12px}.auth-card input:focus,.form-card input:focus,.form-card textarea:focus,.note-card textarea:focus,.search:focus{border-color:#2d6a5a;box-shadow:0 0 0 3px #2d6a5a21}.auth-card textarea,.form-card textarea,.note-card textarea{resize:vertical;min-height:130px}.brand-mark{color:#fff;background:#2d6a5a;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:inline-grid}.eyebrow{color:#2d6a5a;letter-spacing:.08em;margin:0;font-size:12px;font-weight:800}.muted{color:#6a7c74;line-height:1.55}.help-text{color:#78867f;font-size:12px;line-height:1.55}.link-button{color:#2d6a5a;background:0 0;border:0;font-weight:700;text-decoration:underline}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{color:#dcebe4;z-index:20;background:#173d33;flex-direction:column;gap:20px;height:100svh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{color:#fff;align-items:center;gap:10px;padding:4px 8px 12px;display:flex}.sidebar-brand .brand-mark{color:#173d33;background:#d9f0e5;width:34px;height:34px}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{color:#a9c7bb;margin-top:3px;font-size:11px}.sidebar nav{gap:4px;display:grid}.nav-item{color:#c9ded5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 12px;font-weight:650;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#d9f0e524}.nav-item.signout{color:#c9ded5;margin-top:auto}.sidebar-backdrop{display:none}.main{min-width:0}.topbar{background:#fffffff0;border-bottom:1px solid #e1e9e4;justify-content:space-between;align-items:center;gap:16px;min-height:86px;padding:16px 32px;display:flex}.topbar h1{color:#173d33;margin:2px 0 0;font-size:22px}.user-chip{color:#527267;text-overflow:ellipsis;white-space:nowrap;background:#eef5f1;border-radius:999px;max-width:280px;padding:8px 11px;font-size:13px;overflow:hidden}.page-content{width:min(100%,1280px);margin:0 auto;padding:30px 32px 48px}.stack{gap:18px;display:grid}.intro h2,.toolbar h2,.form-card h2,.stack>h2{letter-spacing:-.03em;margin:0;font-size:24px}.intro p{color:#6a7c74;margin:7px 0 0;line-height:1.55}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:#fff;border:1px solid #e0e9e4;border-radius:16px;gap:8px;min-height:112px;padding:18px;display:grid}.stat-card span{color:#60776d;font-size:13px;font-weight:700}.stat-card strong{color:#173d33;font-size:32px;line-height:1}.stat-card.warning{background:#fffaf0;border-color:#f0deb9}.stat-card.danger{background:#fff7f7;border-color:#f1cece}.primary,.secondary,.danger-button{border:0;border-radius:10px;min-height:44px;padding:0 15px;font-weight:800}.primary{color:#fff;background:#2d6a5a}.primary:hover{background:#245746}.primary:disabled{opacity:.55;cursor:wait}.primary.compact{white-space:nowrap;min-height:38px}.secondary{color:#2d6a5a;background:#e8f2ed}.danger-button{color:#a53535;background:#ffeded}.card-list{gap:12px;display:grid}.record-card,.note-card,.form-card,.empty-panel{background:#fff;border:1px solid #e0e9e4;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.record-card.vertical,.note-card,.form-card,.empty-panel{flex-direction:column;align-items:stretch}.record-title{color:#173d33;margin:0 0 6px;font-size:17px;font-weight:800}.record-card p{margin:3px 0}.confirmed,.status{color:#28604f;white-space:nowrap;background:#e8f2ed;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.status.pending{color:#895d18;background:#fff5df}.status.rejected,.status.suspended{color:#a53535;background:#ffeded}.table-wrap{background:#fff;border:1px solid #e0e9e4;border-radius:16px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid #edf2ef;padding:14px 16px}th{color:#667c72;background:#fbfdfc;font-size:13px}td{color:#29493e}.toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.search{width:min(260px,100%)}.note-card{gap:14px}.note-card h3{margin:0;font-size:18px}.note-context{background:#f1f6f3;border-radius:10px;padding:12px}.note-context p{color:#51685e;margin:6px 0 0;line-height:1.5}.split-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:20px;display:grid}.form-card{gap:14px}.form-card p{margin:-4px 0 2px}.with-icon{align-items:center;gap:8px;display:flex}.qr-url{color:#315e50;white-space:nowrap;background:#f1f6f3;border-radius:8px;padding:10px;font-size:12px;display:block;overflow:auto}.button-row{flex-wrap:wrap;gap:8px;display:flex}.loading-panel{color:#6a7c74;text-align:center;padding:40px}.empty-panel{align-items:flex-start}.empty-panel h3,.empty-panel p{margin:0}.empty-panel p{color:#6a7c74;line-height:1.55}.empty-panel.error{background:snow;border-color:#f1cece}.icon-button{color:#315e50;background:#edf4f0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.mobile-only{display:none}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{width:260px;transition:transform .2s;position:fixed;left:0;transform:translate(-105%);box-shadow:16px 0 40px #11362b40}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:10;background:#0e271f6b;border:0;display:block;position:fixed;inset:0}.mobile-only{display:inline-grid}.sidebar-brand .mobile-only{color:#173d33;background:#d9f0e5;margin-left:auto}.topbar{padding:16px 20px}.page-content{padding:24px 20px 40px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout{grid-template-columns:1fr}}@media (width<=600px){.topbar{align-items:flex-start}.user-chip{display:none}.page-content{padding:20px 14px 36px}.record-card,.toolbar{flex-direction:column;align-items:flex-start}.search{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:96px;padding:14px}.stat-card strong{font-size:27px}th,td{white-space:nowrap;padding:12px}.auth-card{padding:25px}}select{color:#29493e;max-width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #c9d7d0;border-radius:9px;padding:7px 30px 7px 10px}.button-row{align-items:center}.assigned-tags{flex-wrap:wrap;gap:7px;display:flex}.assignment-tag{color:#245746;background:#e8f2ed;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:4px 8px 4px 10px;font-size:13px;font-weight:700;display:inline-flex}.assignment-tag button{color:#245746;background:#cfe5da;border:0;border-radius:50%;place-items:center;width:19px;height:19px;padding:0;font-size:15px;line-height:1;display:inline-grid}.assignment-tag button:hover{color:#fff;background:#a53535}.table-wrap small{color:#78867f}@media (width<=600px){.button-row select{width:100%}}.audience-selector{border:1px solid #dbe7e1;border-radius:12px;gap:10px;margin:0;padding:12px;display:grid}.audience-selector legend{color:#315e50;padding:0 4px;font-size:14px;font-weight:800}.audience-selector label{color:#315e50;gap:6px;font-size:14px;font-weight:700;display:grid}.audience-selector .button-row{flex-wrap:wrap;gap:12px;display:flex}.audience-selector .button-row label{align-items:center;gap:6px;display:inline-flex}.field-error{color:#a53535;margin:0;font-size:13px;line-height:1.5}.attachment-manager{background:#fbfdfc;border:1px solid #dbe7e1;border-radius:12px;gap:10px;padding:12px;display:grid}.attachment-header{color:#315e50;justify-content:space-between;align-items:center;gap:12px;display:flex}.upload-label{cursor:pointer;align-items:center;display:inline-flex}.upload-label input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.attachment-grid figure{gap:6px;margin:0;display:grid}.attachment-grid img{aspect-ratio:1;object-fit:cover;background:#eef4f0;border-radius:10px;width:100%}.attachment-grid figcaption{color:#6a7c74;justify-content:space-between;align-items:center;gap:5px;font-size:11px;display:flex}.chat-layout{background:#fff;border:1px solid #e0e9e4;border-radius:16px;grid-template-columns:minmax(220px,310px) minmax(0,1fr);min-height:620px;display:grid;overflow:hidden}.thread-list{background:#fbfdfc;border-right:1px solid #e0e9e4;align-content:start;gap:5px;padding:14px;display:grid;overflow:auto}.thread-list-header{gap:10px;padding:4px 4px 12px;display:grid}.thread-list-header h2{margin:0;font-size:19px}.chat-filter{color:#526d62;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.thread-item{color:#29493e;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px;display:flex}.thread-item:hover,.thread-item.selected{background:#eaf5ef;border-color:#cde3d8}.thread-item strong,.thread-item small{display:block}.thread-item small{color:#70827a;margin-top:3px}.unread-badge{color:#fff;background:#2d6a5a;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:11px;display:inline-grid}.staff-chat-panel{grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid}.chat-panel-header{border-bottom:1px solid #e0e9e4;padding:18px}.chat-panel-header h2{margin:0;font-size:19px}.message-list{background:#f7faf8;flex-direction:column;gap:10px;min-height:320px;max-height:460px;padding:18px;display:flex;overflow:auto}.chat-bubble{background:#fff;border:1px solid #dce7e1;border-radius:12px 12px 12px 3px;align-self:flex-start;max-width:min(85%,560px);padding:10px 12px}.chat-bubble.own{color:#fff;background:#2d6a5a;border-color:#2d6a5a;border-radius:12px 12px 3px;align-self:flex-end}.chat-bubble p{white-space:pre-wrap;margin:0;line-height:1.5}.chat-bubble small{color:#6f8279;text-align:right;margin-top:5px;font-size:11px;display:block}.chat-bubble.own small{color:#d7ece1}.chat-composer{border-top:1px solid #e0e9e4;align-items:flex-end;gap:10px;padding:14px;display:flex}.chat-composer textarea{color:#173d33;resize:vertical;border:1px solid #c9d7d0;border-radius:10px;flex:1;min-height:46px;max-height:130px;padding:10px}@media (width<=760px){.chat-layout{grid-template-columns:1fr;min-height:auto}.thread-list{border-bottom:1px solid #e0e9e4;border-right:0;max-height:230px}.message-list{min-height:280px;max-height:400px}}