.form-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.form-grid-1{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}.form-section{display:flex;flex-direction:column;gap:20px}.form-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:14px;font-weight:500;color:var(--text-primary)}.field-label.required:after{content:" *";color:var(--red)}.field-input,.field-select,.field-textarea{padding:0 14px;height:44px;border:1px solid var(--grey-1);border-radius:8px;font-family:var(--font-family);font-size:14px;color:var(--text-primary);background:var(--white);transition:all .2s ease}.field-input:focus,.field-select:focus,.field-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(33,37,41,.05)}.field-input::placeholder{color:var(--text-grey)}.field-help{color:var(--text-grey)}.field-error,.field-help{font-size:12px;margin-top:4px}.field-error{color:var(--red)}.form-row{display:flex;gap:16px}.form-row .field{flex:1 1}.form-error-banner{background:var(--red-pastel);color:var(--red);border-left:4px solid var(--red)}.form-error-banner,.form-success-banner{padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:16px}.form-success-banner{background:var(--green-pastel);color:var(--green);border-left:4px solid var(--green)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.form-actions .action-btn{min-width:120px}:root{--font-family:var(--font-poppins);--primary:#212529;--primary-pastel:#6C757D;--primary-hover:#343A40;--pastel-1:#DEE2E6;--pastel-2:#E9ECEF;--text-primary:#212529;--text-grey:#ADB5BD;--bg-main:#F6F6F6;--white:#FFFFFF;--grey-1:#E1E1E1;--grey-2:#E6E6E6;--grey-3:#CDCDCD;--red:#DC3545;--red-pastel:#FAE1E3;--green:#28A745;--green-pastel:#DFF2E3;--yellow:#F5A623;--yellow-pastel:#FDF2DE;--orange:#FF7F50;--orange-pastel:#FFECE5;--navbar-height:70px;--sidebar-width:296px;--sidebar-collapsed:80px;--border-light:#E1E1E1;--ease-out:cubic-bezier(0.22,1,0.36,1);--focus-ring:0 0 0 3px rgba(33,37,41,0.14)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--grey-3) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--grey-3);border-radius:999px}body,html{height:100%}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1{font-size:16px;font-weight:500;line-height:normal}h2,h3,h4,h5{font-size:14px;font-weight:500;line-height:normal}p{font-size:16px;color:var(--text-primary)}.small-text,p{font-weight:400;line-height:1.6}.small-text{font-size:14px;color:var(--primary)}.sidebar-text{font-size:18px;font-weight:500;line-height:normal}.container{width:100%;margin:0 auto}.card{background:var(--white);border:1px solid var(--grey-1);border-radius:8px;padding:16px}button{font-family:var(--font-family);border:none;outline:none;cursor:pointer}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}button:disabled{cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white);padding:0 24px;height:44px;border-radius:10px;font-weight:600;font-size:14px;transition:background-color .18s ease,box-shadow .18s ease,transform .18s var(--ease-out)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--primary);border:1px solid var(--grey-1);padding:0 24px;height:44px;border-radius:10px;font-weight:600;font-size:14px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s var(--ease-out)}.btn-secondary:hover{background:var(--pastel-2);border-color:var(--grey-3);transform:translateY(-1px)}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-orange{color:var(--orange)}.bg-white{background:var(--white)}.bg-main{background:var(--bg-main)}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden;transition:grid-template-columns .45s cubic-bezier(.22,1,.36,1)}.layout.collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar.collapsed{width:var(--sidebar-collapsed)}.main{display:grid;grid-template-rows:var(--navbar-height) 1fr;background:var(--bg-main);overflow:hidden}.content{padding:24px;background-color:var(--white);height:calc(100vh - var(--navbar-height) - 48px);width:calc(100% - 48px);margin:0 24px 24px;overflow:auto;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);scrollbar-gutter:stable}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}