:root{--font-size:16px;--brand-primary:#213d59;--brand-primary-rgb:33,61,89;--accent-blue:#007aff;--glass-light-fill:#fff;--glass-dark-fill:#0000001f;--border-light:#e2e8f0;--border-dark:#00000040;--border-brand:#213d5933;--background-blur:30px;--shadow-light:0px 8px 24px #0000001a;--shadow-dark:0px 8px 24px #00000040;--corner-radius-card:12px;--corner-radius-modal:12px;--corner-radius-panel:40px;--corner-radius-button:12px;--border-width:1px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-headline-size:22px;--font-headline-weight:600;--font-body-size:16px;--font-body-weight:400;--font-label-size:13px;--font-label-weight:500;--background:#f8f9faf2;--foreground:#213d59;--card:var(--glass-light-fill);--card-foreground:#213d59;--primary:#213d59;--primary-foreground:#fff;--secondary:#ffffff40;--secondary-foreground:#213d59;--muted:#fff3;--muted-foreground:#213d59b3;--accent:var(--accent-blue);--accent-foreground:#fff;--destructive:#ff453a;--destructive-foreground:#fff;--border:var(--border-brand);--input:#ffffff1a;--input-background:#fff3;--ring:var(--accent-blue)}.orderly-affairs-container{font-family:var(--font-family);font-size:var(--font-body-size);font-weight:var(--font-body-weight);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.orderly-affairs-container *{box-sizing:border-box}.glass-card{background:var(--glass-light-fill);-webkit-backdrop-filter:blur(var(--background-blur));border-radius:var(--corner-radius-card);margin-bottom:1rem;border:1px solid #e2e8f0!important}.glass-modal{background:var(--glass-light-fill);-webkit-backdrop-filter:blur(var(--background-blur));border:var(--border-width)solid var(--border-light);border-radius:var(--corner-radius-modal);box-shadow:var(--shadow-light);z-index:1000;max-width:90vw;max-height:90vh;padding:2rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.glass-panel{background:var(--glass-light-fill);-webkit-backdrop-filter:blur(var(--background-blur));border:var(--border-width)solid var(--border-light);border-radius:var(--corner-radius-panel);box-shadow:var(--shadow-light)}.orderly-affairs-container h1{font-size:var(--font-headline-size);font-weight:var(--font-headline-weight);color:var(--brand-primary);letter-spacing:-.01em;margin:0 0 1rem;line-height:1.3}.orderly-affairs-container h2{font-size:20px;font-weight:var(--font-headline-weight);color:var(--brand-primary);letter-spacing:-.01em;margin:0 0 .75rem;line-height:1.35}.orderly-affairs-container h3{font-size:18px;font-weight:var(--font-label-weight);color:var(--brand-primary);letter-spacing:-.005em;margin:0 0 .5rem;line-height:1.4}.orderly-affairs-container p{margin:0 0 1rem}.orderly-affairs-container label{font-size:var(--font-label-size);font-weight:var(--font-label-weight);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;line-height:1.4;display:block}.text-muted{color:var(--muted-foreground)}.text-small{font-size:14px}.btn-primary{background:var(--brand-primary);color:#fff;border-radius:var(--corner-radius-button);font-weight:var(--font-label-weight);box-shadow:var(--shadow-light);cursor:pointer;font-size:var(--font-body-size);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:rgba(var(--brand-primary-rgb),.9);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 32px #00000026}.btn-primary:active{box-shadow:var(--shadow-light);transform:translateY(0)}.btn-secondary{color:var(--brand-primary);border-radius:var(--corner-radius-button);font-weight:var(--font-label-weight);cursor:pointer;font-size:var(--font-body-size);background:#fffffff2;border:2px solid #e0e0e0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000000d}.btn-secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#fff;text-decoration:none;box-shadow:0 2px 6px #213d5926}.btn-danger{background:var(--destructive);color:var(--destructive-foreground);border-radius:var(--corner-radius-button);cursor:pointer;font-size:var(--font-body-size);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#e53e3e}.form-group{margin-bottom:1.5rem}.form-input,.orderly-affairs-container input[type=text],.orderly-affairs-container input[type=email],.orderly-affairs-container input[type=password],.orderly-affairs-container input[type=number],.orderly-affairs-container input[type=tel],.orderly-affairs-container input[type=url],.orderly-affairs-container input[type=date],.orderly-affairs-container textarea,.orderly-affairs-container select{-webkit-backdrop-filter:blur(15px);border-radius:calc(var(--corner-radius-button) - 2px);color:#213d59;width:100%;font-size:var(--font-body-size);font-family:var(--font-family);background:#fffffff2;border:2px solid #e0e0e0;padding:.75rem;transition:all .2s;box-shadow:0 2px 4px #0000000d,inset 0 1px 2px #0000000d}.form-input:focus,.orderly-affairs-container input:focus,.orderly-affairs-container textarea:focus,.orderly-affairs-container select:focus{border-color:var(--accent-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #007aff26,0 2px 8px #0000001a}.form-input:hover,.orderly-affairs-container input:hover,.orderly-affairs-container textarea:hover,.orderly-affairs-container select:hover{border-color:#b0b0b0;box-shadow:0 2px 6px #00000014,inset 0 1px 2px #00000008}.orderly-affairs-container input[type=checkbox],.orderly-affairs-container input[type=radio]{width:18px;height:18px;accent-color:var(--primary);margin-right:.5rem}.orderly-affairs-container input[type=checkbox]{border-radius:4px}.orderly-affairs-container input[type=radio]{border-radius:50%}.progress-bar{background:var(--glass-light-fill);-webkit-backdrop-filter:blur(var(--background-blur));border:var(--border-width)solid var(--border-brand);border-radius:calc(var(--corner-radius-button)/2);height:8px;position:relative;overflow:hidden}.progress-fill{background:var(--brand-primary);border-radius:calc(var(--corner-radius-button)/2);height:100%;transition:width .3s}.orderly-affairs-header{background:var(--card);-webkit-backdrop-filter:blur(var(--background-blur));border-bottom:var(--border-width)solid var(--border);margin-bottom:2rem;padding:1rem 0}.orderly-affairs-container-inner{max-width:1200px;margin:0 auto;padding:0 1rem}.orderly-affairs-sidebar{background:var(--glass-light-fill);width:288px;height:100vh;-webkit-backdrop-filter:blur(var(--background-blur));border-right:var(--border-width)solid var(--border);box-shadow:var(--shadow-light);z-index:50;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.orderly-affairs-sidebar.open{transform:translate(0)}.orderly-affairs-sidebar-content{padding:1rem}.sidebar-item{text-align:left;width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-bottom:.25rem;padding:.75rem;text-decoration:none;transition:all .2s;display:block}.sidebar-item:hover{color:var(--foreground);background:#ffffff1a;text-decoration:none}.sidebar-item.active{background:var(--brand-primary);color:#fff}.sidebar-overlay{z-index:40;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.orderly-affairs-main{min-height:100vh;margin-left:0;padding:2rem 1rem}@media (min-width:1024px){.orderly-affairs-sidebar{position:sticky;top:0;transform:translate(0)}.orderly-affairs-main{margin-left:288px}.sidebar-overlay{display:none!important}}.dashboard-overview{background:linear-gradient(135deg,var(--glass-light-fill),#ffffff0d);-webkit-backdrop-filter:blur(var(--background-blur));border-radius:var(--corner-radius-card);border:var(--border-width)solid var(--border);margin-bottom:2rem;padding:2rem}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:2rem;display:grid}.stat-card{background:var(--glass-light-fill);-webkit-backdrop-filter:blur(var(--background-blur));border:var(--border-width)solid var(--border);border-radius:var(--corner-radius-card);cursor:pointer;color:var(--foreground);padding:1.5rem;text-decoration:none;transition:all .2s}.stat-card:hover{color:var(--foreground);text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 32px #00000026}.stat-card-icon{border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-size:1.5rem;display:flex}.repeatable-group{margin-bottom:2rem}.repeatable-item{border:1px solid var(--border);border-radius:var(--corner-radius-button);background:#ffffff0d;margin-bottom:1rem;padding:1rem;position:relative}.repeatable-header{justify-content:between;align-items:center;margin-bottom:1rem;display:flex}.repeatable-title{color:var(--brand-primary);font-weight:500}.repeatable-remove{background:var(--destructive);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.repeatable-remove:hover{background:#e53e3e}.repeatable-fields{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.repeatable-add{margin-top:1rem}.upload-area{border:2px dashed var(--border);border-radius:var(--corner-radius-button);text-align:center;cursor:pointer;background:#ffffff0d;margin-bottom:1rem;padding:2rem;transition:all .2s}.upload-area:hover{border-color:var(--accent-blue);background:#007aff0d}.upload-area.dragover{border-color:var(--accent-blue);background:#007aff1a}.file-list{margin-top:1rem}.file-item{border-radius:var(--corner-radius-button);background:#ffffff1a;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.file-info{align-items:center;gap:.5rem;display:flex}.file-icon{opacity:.7;width:1.5rem;height:1.5rem}.file-details{flex:1}.file-name{margin-bottom:.25rem;font-weight:500}.file-size{color:var(--muted-foreground);font-size:.75rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.success-icon{color:#10b981}.error-icon{color:var(--destructive)}.orderly-affairs-error{color:var(--destructive);border-radius:var(--corner-radius-button);background:#ff453a1a;border:1px solid #ff453a4d;margin-bottom:1rem;padding:1rem}.orderly-affairs-success{color:#10b981;border-radius:var(--corner-radius-button);background:#10b9811a;border:1px solid #10b9814d;margin-bottom:1rem;padding:1rem}.loading{opacity:.6;pointer-events:none}.spinner{border:2px solid #0000001a;border-left-color:var(--accent-blue);border-radius:50%;width:20px;height:20px;margin-right:.5rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.orderly-affairs-container-inner{padding:0 .5rem}.orderly-affairs-main{padding:1rem .5rem}.glass-card,.dashboard-overview{padding:1rem}.stat-cards,.repeatable-fields{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){:root{--background:#101012f2;--foreground:#fff;--card:var(--glass-light-fill);--card-foreground:#fff;--primary:#007aff;--primary-foreground:#fff;--secondary:#00000040;--secondary-foreground:#fff;--muted:#0003;--muted-foreground:#ffffffb3;--border:var(--border-light);--input:#0000001a;--input-background:#0003}.glass-card{background:var(--glass-light-fill);border-color:var(--border-light);box-shadow:var(--shadow-light)}.orderly-affairs-container h1,.orderly-affairs-container h2,.orderly-affairs-container h3{color:#fff}.orderly-affairs-container label{color:#ffffffe6}.form-input,.orderly-affairs-container input,.orderly-affairs-container textarea,.orderly-affairs-container select{color:#fff;background:#282828f2;border-color:#404040;box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff0d}.form-input:focus,.orderly-affairs-container input:focus,.orderly-affairs-container textarea:focus,.orderly-affairs-container select:focus{border-color:var(--accent-blue);background:#323232;box-shadow:0 0 0 3px #007aff40,0 2px 8px #0000004d}.btn-secondary{color:#fff;background:#282828f2;border-color:#404040}.btn-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#323232}}@keyframes luxuryFade{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-luxuryFade{animation:.45s cubic-bezier(.4,0,.2,1) luxuryFade}
