@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--royal-blue:#223e91;--soft-blue:#b2cbde;--dark-navy:#111c2e;--light-gray:#eaeaea;--accent-green:#a3e64b;--navy:#223e91;--navy-dark:#111c2e;--navy-light:#eef3fb;--green-success:#2e7d4f;--red-error:#c0392b;--font-primary:"Poppins", system-ui, sans-serif;--font-secondary:"Roboto", system-ui, sans-serif}body{font-family:var(--font-primary);color:#1a1a1a;background:#f5f6fa}.topbar{background:var(--dark-navy);z-index:50;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.sidebar{z-index:40;background:#fff;border-right:.5px solid #e5e7eb;width:220px;position:fixed;top:56px;bottom:0;left:0;overflow-y:auto}.main-content{min-height:calc(100vh - 56px);margin-top:56px;margin-left:220px;padding:24px}.nav-item{color:#6b7280;cursor:pointer;align-items:center;gap:8px;padding:7px 16px;font-size:13px;transition:all .15s;display:flex}.section-header{background:var(--royal-blue);color:#fff;border-radius:8px;margin-bottom:12px;padding:8px 14px;font-size:13px;font-weight:500}.card{background:#fff;border:.5px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.btn-primary{background:var(--royal-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:#6b7280;cursor:pointer;background:#fff;border:.5px solid #d1d5db;border-radius:8px;padding:7px 16px;font-size:13px}.btn-ghost:hover{background:#f9fafb}input,textarea,select{box-sizing:border-box;max-width:100%}[contenteditable]{text-align:left;direction:ltr;unicode-bidi:plaintext}.input-field{box-sizing:border-box;background:#fff;border:.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px}.input-field:focus{border-color:var(--royal-blue);box-shadow:0 0 0 3px #223e9114}.label{color:#374151;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.period-tab{cursor:pointer;color:#6b7280;background:#fff;border:.5px solid #d1d5db;border-radius:8px;padding:6px 16px;font-size:13px}.period-tab.active{background:var(--royal-blue);color:#fff;border-color:var(--royal-blue)}.status-badge{border-radius:10px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.status-not-started{color:#3c3489;background:#eef1fb;border:.5px solid #afa9ec}.status-in-progress{color:#854f0b;background:#fdf6ee;border:.5px solid #ef9f27}.status-completed{color:#27500a;background:#f0faf4;border:.5px solid #97c459}.cell-green{color:#1a6b34;background:#d4edda}.cell-red{color:#8b2a26;background:#fde0de}.avatar{width:32px;height:32px;color:var(--navy);background:#c5cde8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}