/* Admin Panel — Tailwind-equivalent utility CSS (replaces CDN) */

/* === Reset (Tailwind Preflight subset) === */
*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}
body{margin:0;line-height:inherit}
h1,h2,p,fieldset,legend{margin:0;padding:0}
a{color:inherit;text-decoration:inherit}
button,input,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
img,svg{display:block;vertical-align:middle}
input::placeholder,textarea::placeholder{color:#9ca3af}

/* === Layout === */
.h-full{height:100%}
.min-h-full{min-height:100%}
.min-h-screen{min-height:100vh}
.w-full{width:100%}
.min-w-full{min-width:100%}
.max-w-sm{max-width:24rem}
.max-w-2xl{max-width:42rem}
.max-w-7xl{max-width:80rem}
.mx-auto{margin-left:auto;margin-right:auto}

/* === Flexbox === */
.flex{display:flex}
.inline-flex{display:inline-flex}
.inline{display:inline}
.block{display:block}
.grid{display:grid}
.hidden{display:none}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.flex-wrap{flex-wrap:wrap}
.gap-1{gap:.25rem}
.gap-1\.5{gap:.375rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}

/* === Grid === */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* === Spacing === */
.p-3{padding:.75rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pt-2{padding-top:.5rem}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mt-1{margin-top:.25rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}
.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}
@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
@media(min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}

/* === Sizing === */
.h-2{height:.5rem}
.w-2{width:.5rem}
.h-4{height:1rem}
.w-4{width:1rem}
.h-14{height:3.5rem}

/* === Typography === */
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-normal{font-weight:400}
.uppercase{text-transform:uppercase}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}

/* === Colors === */
.text-white{color:#fff}
.text-gray-400{color:#9ca3af}
.text-gray-500{color:#6b7280}
.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}
.text-gray-900{color:#111827}
.text-red-600{color:#dc2626}
.text-red-700{color:#b91c1c}
.text-green-700{color:#15803d}
.bg-white{background-color:#fff}
.bg-gray-50{background-color:#f9fafb}
.bg-gray-100{background-color:#f3f4f6}
.bg-red-50{background-color:#fef2f2}
.bg-green-400{background-color:#4ade80}
.bg-red-400{background-color:#f87171}
.bg-\[\#FE5D4B\]{background-color:#FE5D4B}
.border-gray-200{border-color:#e5e7eb}
.border-gray-300{border-color:#d1d5db}

/* === Borders === */
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.5rem}
.rounded-full{border-radius:9999px}
.divide-y>:not([hidden])~:not([hidden]){border-top-width:1px;border-color:#e5e7eb}
.divide-gray-200>:not([hidden])~:not([hidden]){border-color:#e5e7eb}

/* === Effects === */
.shadow{box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}
.overflow-hidden{overflow:hidden}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}

/* === Hover states === */
.hover\:text-gray-700:hover{color:#374151}
.hover\:text-gray-900:hover{color:#111827}
.hover\:text-red-800:hover{color:#991b1b}
.hover\:bg-\[\#e25545\]:hover{background-color:#e25545}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}
.hover\:opacity-80:hover{opacity:.8}
.group:hover .group-hover\:text-\[\#FE5D4B\]{color:#FE5D4B}

/* === Focus states === */
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:border-\[\#FE5D4B\]:focus{border-color:#FE5D4B}
.focus\:ring-1:focus{box-shadow:0 0 0 1px #FE5D4B}
.focus\:ring-2:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #FE5D4B}
.focus\:ring-\[\#FE5D4B\]:focus{--tw-ring-color:#FE5D4B}
.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}

/* === Form elements === */
input[type="text"],input[type="password"],select,textarea{
    appearance:none;background-color:#fff;
}
input[type="checkbox"]{
    appearance:none;background-color:#fff;border:1px solid #d1d5db;
    border-radius:.25rem;display:inline-block;vertical-align:middle;
    background-origin:border-box;user-select:none;flex-shrink:0;
    color:#FE5D4B;
}
input[type="checkbox"]:checked{
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    background-size:100% 100%;background-position:center;background-repeat:no-repeat;
    border-color:transparent;background-color:#FE5D4B;
}