:root{--bg-base: #f4f1eb;--bg-surface: rgba(255, 255, 255, .8);--bg-surface-strong: #ffffff;--bg-muted: #f8f5ef;--bg-accent-soft: rgba(32, 108, 82, .11);--bg-accent-strong: #1f6b52;--bg-accent-deep: #184e3d;--text-strong: #18211d;--text-base: #31413a;--text-muted: #6c7a72;--text-soft: #94a097;--border-soft: rgba(24, 33, 29, .08);--border-strong: rgba(31, 107, 82, .2);--danger: #e15d4a;--danger-soft: rgba(225, 93, 74, .1);--shadow-sm: 0 8px 24px rgba(34, 42, 37, .06);--shadow-md: 0 18px 45px rgba(34, 42, 37, .1);--shadow-lg: 0 28px 80px rgba(24, 33, 29, .14);--radius-sm: 14px;--radius-md: 22px;--radius-lg: 32px;--shell-max: 1220px;--transition: .18s ease;--bg-gradient: radial-gradient(circle at top left, rgba(73, 145, 118, .18), transparent 28%), radial-gradient(circle at top right, rgba(214, 183, 126, .18), transparent 24%), linear-gradient(180deg, #f7f3ee 0%, #f3efe8 44%, #ede7de 100%);--color-starbucks-green: var(--bg-accent-strong);--color-starbucks-green-soft: var(--bg-accent-soft);--color-starbucks-green-hover: var(--bg-accent-deep);--color-text-dark: var(--text-strong);--color-text-muted: var(--text-muted);--color-white: #ffffff;--border-thin: 1px solid var(--border-soft);--border-green-soft: 1px solid var(--border-strong);--shadow-premium: var(--shadow-sm);--shadow-hover: var(--shadow-md)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Noto Sans KR,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-gradient);color:var(--text-strong);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition),color var(--transition),border-color var(--transition),opacity var(--transition)}button:disabled{cursor:not-allowed;opacity:.6}#root{min-height:100vh}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:280px;padding:28px 20px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#ffffffb8,#ffffff94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid rgba(24,33,29,.08)}.brand-block{padding:18px 18px 8px}.brand-mark{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#1f6b5214;color:var(--bg-accent-deep);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-title{margin-top:16px;font-family:Manrope,Noto Sans KR,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-.06em}.brand-copy{margin-top:10px;color:var(--text-muted);font-size:.92rem}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;text-decoration:none;color:var(--text-base);font-weight:600}.sidebar-link:hover,.sidebar-link.active{background:#ffffffbd;color:var(--bg-accent-deep);box-shadow:var(--shadow-sm)}.sidebar-link.active{border:1px solid rgba(31,107,82,.12)}.sidebar-footer{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid rgba(24,33,29,.08)}.app-main{flex:1;min-width:0;padding:40px 32px 60px}.page-shell{width:min(100%,var(--shell-max));margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.page-title{font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(2rem,3vw,3rem);line-height:1.02;font-weight:800;letter-spacing:-.07em}.page-subtitle{margin-top:10px;color:var(--text-muted);max-width:640px}.glass-panel,.card{background:linear-gradient(180deg,#ffffffe6,#ffffffd6);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);border-radius:var(--radius-md)}.card{padding:24px}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-panel{position:relative;overflow:hidden;padding:30px}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(31,107,82,.14),transparent 34%),radial-gradient(circle at bottom left,rgba(214,183,126,.14),transparent 24%);pointer-events:none}.btn-primary,.btn-secondary,.btn-ghost,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:700}.btn-primary{padding:.9rem 1.4rem;color:#fff;background:linear-gradient(135deg,var(--bg-accent-strong) 0%,var(--bg-accent-deep) 100%);box-shadow:0 12px 28px #1f6b523d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px #1f6b5242}.btn-secondary{padding:.9rem 1.4rem;color:var(--bg-accent-deep);background:#ffffffc7;border:1px solid var(--border-strong)}.btn-secondary:hover,.btn-ghost:hover,.icon-button:hover{background:#1f6b5214}.btn-ghost{padding:.9rem 1.2rem;color:var(--text-base);background:#ffffff85;border:1px solid var(--border-soft)}.icon-button{width:38px;height:38px;color:var(--text-soft);background:transparent;border-radius:12px}.icon-button.danger:hover{background:var(--danger-soft);color:var(--danger)}.status-pill,.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:700}.status-pill{background:#1f6b521a;color:var(--bg-accent-deep)}.status-pill.neutral{background:#6c7a7224;color:var(--text-base)}.status-pill.danger{background:var(--danger-soft);color:var(--danger)}.section-grid{display:grid;gap:18px}.search-shell{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#ffffffb8;border:1px solid var(--border-soft);border-radius:18px;box-shadow:var(--shadow-sm)}.search-shell input{background:transparent;border:0;padding:0;margin:0}input,select,textarea{width:100%;margin-top:.55rem;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(49,65,58,.12);background:#ffffffd6;color:var(--text-strong);outline:none}input:focus,select:focus,textarea:focus{border-color:#1f6b5273;box-shadow:0 0 0 4px #1f6b5214}label{display:block}.field-label{color:var(--text-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--text-muted)}.empty-state{text-align:center;padding:72px 24px;color:var(--text-muted);border:1px dashed rgba(24,33,29,.12);background:#ffffff73}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#18211d42;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card{width:min(100%,520px);max-height:min(90vh,820px);overflow:auto;padding:28px;border-radius:28px;background:#fffffff2;border:1px solid rgba(24,33,29,.08);box-shadow:var(--shadow-lg)}.kiosk-shell{min-height:100vh;padding:32px;background:radial-gradient(circle at top left,rgba(31,107,82,.16),transparent 26%),radial-gradient(circle at bottom right,rgba(214,183,126,.18),transparent 26%),linear-gradient(180deg,#f4efe6,#efe7db)}.kiosk-clock{font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(4rem,11vw,7rem);font-weight:300;letter-spacing:-.09em}.fade-up{animation:fadeUp .42s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.app-shell{flex-direction:column}.app-sidebar{position:static;width:auto;height:auto}.sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app-main,.kiosk-shell{padding:22px 16px 36px}.page-header{flex-direction:column;align-items:stretch}.sidebar-nav{grid-template-columns:1fr}.card,.hero-panel,.modal-card{padding:20px}}