:root{--color-primary: #0b5ea8;--color-primary-hover: #084d89;--color-danger: #c8372f;--color-danger-hover: #a92e27;--bg: #f4f8fc;--surface: #ffffff;--surface-soft: #eef4fb;--text: #162535;--muted: #3d556d;--border: #c6d7ea;--focus: #0b5ea8;--radius: 12px;--shadow: 0 8px 24px rgba(8, 38, 67, .1);--login-field-bg: #e8eef7;--login-field-text: #12253d}*{box-sizing:border-box}*::selection{background:#0b5ea833}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}#app,.app-shell{min-height:100vh}button,input,textarea,select{font:inherit}button,input,textarea,select,.icon-btn,.lang-btn{min-height:44px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-top-controls{position:fixed;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.45rem;z-index:9999}.lang-switcher{display:flex;align-items:center;gap:.35rem}.lang-btn,.icon-btn{width:44px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow)}.icon-btn>span{font-size:1.35rem;line-height:1}.lang-btn img{width:26px;height:18px;border-radius:4px}.container{width:min(980px,100% - 1.25rem);margin:0 auto;padding:4.5rem 0 1.25rem}h1,h2,h3{margin:0 0 .8rem;color:var(--text)}h1{font-size:clamp(1.3rem,2.1vw,1.8rem);font-weight:700}h2{font-size:clamp(1.1rem,1.7vw,1.35rem);font-weight:700}h3{font-size:1rem;font-weight:700}input,textarea,select{width:100%;padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}button{border:none;border-radius:var(--radius);padding:.72rem .9rem;width:100%;font-size:.95rem;font-weight:700;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn-icon{width:44px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0}.logout-icon{color:#f25f8b}.logout-glyph{width:26px;height:18px}.card-list{list-style:none;margin:0;padding:0}.history-list{margin:0;padding-left:1.1rem}.card,.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.panel{background:transparent;border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;padding:1rem}.panel-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--surface-soft);color:var(--color-primary);border:1px solid var(--border);margin-bottom:.75rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dashboard-title-wrap{display:flex;align-items:center;gap:.6rem;min-width:0}.dashboard-title{margin:0}.logo-inline{width:62px;height:62px;border-radius:10px;object-fit:cover}.app-logo{display:block;max-width:170px;margin:0 auto 1rem;border-radius:10px}.login-page{max-width:640px}.login-header{text-align:center;margin-bottom:1rem}.login-slogan{margin:0 0 .35rem;color:var(--muted);font-size:.95rem}.login-title{text-align:center;margin:0 0 1rem}.form-control{background:var(--login-field-bg)!important;color:var(--login-field-text)!important;border-color:#b8c9df!important}.modal-backdrop{position:fixed;inset:0;background:#0b1a2d8f;display:flex;align-items:flex-end;justify-content:center;padding:.75rem;z-index:1000}.modal-card{width:100%;max-width:520px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.status-label{margin-right:.42rem}.status{display:inline-block;border-radius:99px;padding:.2rem .62rem;font-size:.82rem;font-weight:700}.status.draft,.status.pending{background:#fde4b2;color:#734a00}.status.in-progress{background:#cfe6fb;color:#043f74}.status.completed{background:#ccefdc;color:#0c4d2d}.status.cancelled{background:#ffd6d2;color:#7a1712}.form-error{color:#b3211b}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}@media (max-width: 767px){.container{width:calc(100% - 1rem)}.dashboard-title-wrap{max-width:calc(100% - 50px)}}@media (min-width: 768px){.container{padding:4.9rem 0 1.5rem}.modal-backdrop{align-items:center;padding:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root[data-theme=dark]{--color-primary: #66b1ff;--color-primary-hover: #8bc3ff;--color-danger: #ff7f78;--color-danger-hover: #ff9d97;--bg: #0f1724;--surface: #182233;--surface-soft: #1f2b3f;--text: #edf4ff;--muted: #bfd0e6;--border: #344765;--focus: #8bc3ff;--shadow: 0 8px 24px rgba(0, 0, 0, .28)}:root[data-theme=dark] .modal-backdrop{background:#02060cb8}