:root{--c-bg: #f5f5f7;--c-surface: #ffffff;--c-border: #e5e5ea;--c-text: #1c1c1e;--c-text-2: #8e8e93;--c-text-3: #aeaeb2;--c-primary: #007aff;--c-primary-dark: #0066d6;--c-success: #34c759;--c-success-bg: #e8faf0;--c-danger: #ff3b30;--c-danger-bg: #fff0f0;--c-warning: #ff9500;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}a{color:var(--c-primary);text-decoration:none}.page{max-width:640px;margin:0 auto;padding:16px}.card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font);width:100%}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:active{background:var(--c-primary-dark)}.btn-primary:disabled{background:var(--c-border);color:var(--c-text-3);cursor:not-allowed}.btn-outline{background:transparent;border:1.5px solid var(--c-border);color:var(--c-text)}.btn-outline:active{background:var(--c-bg)}.btn-sm{padding:8px 16px;font-size:13px;width:auto}input,textarea,select{width:100%;padding:12px 16px;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);font-size:16px;outline:none;transition:border-color .15s;font-family:var(--font);background:var(--c-surface);-webkit-appearance:none}input:focus,textarea:focus,select:focus{border-color:var(--c-primary)}.label{display:block;font-size:13px;font-weight:500;color:var(--c-text-2);margin-bottom:6px}.field{margin-bottom:16px}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600}.badge-open{background:var(--c-success-bg);color:#059669}.badge-active{background:#eef2ff;color:var(--c-primary)}.badge-closed{background:var(--c-bg);color:var(--c-text-2)}.empty{text-align:center;padding:48px 20px;color:var(--c-text-2)}.error{color:var(--c-danger);font-size:13px;margin-bottom:12px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.nav{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:12px 16px;position:sticky;top:0;z-index:100}.nav-inner{max-width:640px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-weight:700;font-size:17px;color:var(--c-text)}.nav-links{display:flex;gap:16px}.nav-links a{font-size:14px;color:var(--c-text-2);font-weight:500}.nav-links a.router-link-active{color:var(--c-primary)}