:root{--color-primary: #FF4136;--color-primary-hover: #E8382E;--color-primary-light: #FFF0EF;--color-black: #000000;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-display: "Darker Grotesque", sans-serif;--font-body: "Inter", sans-serif;--sidebar-width: 260px;--header-height: 56px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-gray-900);background:var(--color-gray-50);line-height:1.5;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:var(--font-body)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:all .15s ease}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background:var(--color-gray-50)}.btn-ghost{background:transparent;color:var(--color-gray-600)}.btn-ghost:hover{background:var(--color-gray-100)}.card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);padding:24px}input,textarea,select{font-family:var(--font-body);font-size:14px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);outline:none;transition:border-color .15s ease;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}@media(max-width:768px){input,textarea,select{min-height:44px;padding:10px 12px;font-size:16px}.btn{min-height:44px}.btn-sm{min-height:36px;padding:6px 12px}.card{padding:16px}}