:root{--color-primary: #E3262A;--color-primary-hover: #C91F24;--color-primary-active: #B01A1E;--color-primary-soft: #FDEBEC;--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-surface-muted: #F1F3F4;--color-text: #202124;--color-text-secondary: #5F6368;--color-text-muted: #80868B;--color-border: #DADCE0;--color-border-light: #E8EAED;--color-success: #188038;--color-success-bg: #E6F4EA;--color-warning: #F9AB00;--color-warning-bg: #FEF7E0;--color-error: #D93025;--color-error-bg: #FCE8E6;--color-info: #1A73E8;--color-info-bg: #E8F0FE;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(60, 64, 67, .15);--shadow-md: 0 2px 6px rgba(60, 64, 67, .18);--shadow-lg: 0 4px 12px rgba(60, 64, 67, .2);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:16px}.mobile-wrapper{max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column;position:relative;overflow:hidden}main.flex-grow-1{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:15px;font-weight:600;line-height:1.25;border:none;cursor:pointer;background:none;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard);box-sizing:border-box;height:48px;min-height:48px;border-radius:var(--radius-md);padding:0 var(--sp-6);-webkit-user-select:none;user-select:none;-webkit-appearance:none}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn:disabled,.btn.disabled{cursor:not-allowed;opacity:.38;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-muted);border-color:#bdc1c6}.btn-text{height:auto;min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--color-primary);font-weight:600;font-size:14px}.btn-text:hover:not(:disabled){background:var(--color-primary-soft)}.btn-block{flex-grow:1}.w-full{width:100%}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);width:fit-content}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:#b45f00}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-muted{background:var(--color-surface-muted);color:var(--color-text-muted)}.form-group{display:flex;flex-direction:column;width:100%;margin-bottom:var(--sp-5)}.form-group:last-of-type{margin-bottom:0}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--sp-2);letter-spacing:.01em}.form-input,.form-select{width:100%;height:48px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);padding:0 var(--sp-3);font-size:15px;background:var(--color-surface);color:var(--color-text);box-sizing:border-box;outline:none;font-family:inherit;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);-webkit-appearance:none;appearance:none}.form-input::placeholder,.form-select::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e3262a1a}.form-input[readonly],.form-input:disabled,.form-select[readonly],.form-select:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);border-color:var(--color-border-light);cursor:not-allowed}.form-select{cursor:pointer;padding-right:var(--sp-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235F6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.select-wrapper{position:relative;width:100%}.hint{font-size:12px;color:var(--color-text-muted);line-height:1.4;margin-top:var(--sp-1)}.error-msg{font-size:12px;color:var(--color-error);margin:var(--sp-1) 0 0;line-height:1.4}.warning-msg{font-size:12px;color:#b45f00;margin:var(--sp-1) 0 0;line-height:1.4}.form-input.ng-invalid.ng-touched,.form-select.ng-invalid.ng-touched{border-color:var(--color-error)}.form-input.ng-invalid.ng-touched:focus,.form-select.ng-invalid.ng-touched:focus{box-shadow:0 0 0 3px #d930251a}.page-container{min-height:100vh;min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.action-bar{position:sticky;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--sp-2);align-items:stretch;z-index:10;padding:var(--sp-3) var(--sp-4);padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom));box-sizing:border-box;box-shadow:0 -2px 8px #3c404314}.action-bar .btn{width:100%}.action-bar .btn-block{flex-grow:0}.divider{height:1px;background:var(--color-border-light);margin:var(--sp-4) 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--sp-4)}.loading-state p{font-size:14px;color:var(--color-text-secondary);margin:0}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}