:root{--color-bg: #eef1f6;--color-surface: #ffffff;--color-surface-alt: #f7f8fb;--color-border: #e2e6ee;--color-text: #1a1f27;--color-muted: #66707e;--color-primary: #14213d;--color-primary-hover: #1f2f54;--color-accent: #fca311;--color-accent-hover: #e8930a;--color-danger: #d1495b;--color-danger-bg: #fdecef;--color-success: #1a8754;--color-success-bg: #e8f7ef;--radius: 10px;--radius-sm: 6px;--shadow-card: 0 1px 2px rgba(20, 33, 61, .06), 0 8px 24px rgba(20, 33, 61, .06)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5}h1,h2,h3{line-height:1.25;margin-top:0}h1{font-size:1.5rem;margin-bottom:1rem}h2{font-size:1.05rem;color:var(--color-primary);margin-bottom:.75rem}nav{display:flex;align-items:center;gap:1.5rem;padding:.85rem 1.75rem;background:var(--color-primary);flex-wrap:wrap;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #0000001f}nav .brand{font-weight:700;letter-spacing:.02em;color:#fff;font-size:1.05rem;margin-right:.5rem;white-space:nowrap}nav .nav-links{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}nav a{color:#cbd3e6;text-decoration:none;font-size:.9rem;font-weight:500;padding:.3rem 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}nav a:hover{color:#fff}nav a.active{color:#fff;border-bottom-color:var(--color-accent)}nav .spacer{flex:1}nav .user-email{color:#b7c0d6;font-size:.85rem}nav button{background:var(--color-accent);color:#1a1204;border:none;padding:.45rem .9rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s ease}nav button:hover{background:var(--color-accent-hover)}main{max-width:960px;margin:2.25rem auto;padding:0 1.25rem 3rem}.card{background:var(--color-surface);padding:1.75rem;border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border);margin-bottom:1.5rem}.muted{color:var(--color-muted);font-size:.9rem}label{display:block;margin:.85rem 0;font-size:.85rem;font-weight:600;color:var(--color-muted)}input,textarea,select{width:100%;padding:.55rem .7rem;margin-top:.35rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #14213d1f}textarea{min-height:5.5rem;resize:vertical}button{margin-top:.85rem;padding:.55rem 1.15rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;transition:background .15s ease,transform .05s ease}button:hover{background:var(--color-primary-hover)}button:active{transform:translateY(1px)}button:disabled{background:var(--color-border);color:var(--color-muted);cursor:not-allowed}.error{color:var(--color-danger);background:var(--color-danger-bg);padding:.6rem .85rem;border-radius:var(--radius-sm);font-size:.88rem}.success{color:var(--color-success);background:var(--color-success-bg);padding:.6rem .85rem;border-radius:var(--radius-sm);font-size:.88rem}table{width:100%;border-collapse:collapse;margin-top:1rem}th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);padding:.5rem .6rem;border-bottom:2px solid var(--color-border)}td{padding:.6rem;border-bottom:1px solid var(--color-border);font-size:.88rem}tbody tr:hover{background:var(--color-surface-alt)}.comments{list-style:none;padding:0;margin:.75rem 0}.comments li{padding:.65rem .75rem;border-radius:var(--radius-sm);background:var(--color-surface-alt);margin-bottom:.5rem}.preview-box{border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:1rem;margin-top:1rem;background:var(--color-surface-alt)}section{margin-top:1.75rem}.auth-shell{display:flex;min-height:100vh;align-items:center;justify-content:center;background:var(--color-bg)}.auth-card{width:100%;max-width:380px;margin:0}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.25rem}.group-panel{border:1px solid var(--color-border);border-radius:var(--radius);padding:1.1rem 1.25rem;background:var(--color-surface-alt)}.group-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.group-panel-header h2{margin-bottom:0}.group-panel-actions{display:flex;gap:.5rem;flex-shrink:0}.member-list{list-style:none;padding:0;margin:0 0 .75rem}.member-list li{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--color-border);font-size:.88rem}.member-list li:last-child{border-bottom:none}.member-list li>span:first-child{display:flex;flex-direction:column;gap:.1rem}.member-name{font-weight:600}.member-email{color:var(--color-muted);font-size:.8rem}.add-member-row{display:flex;gap:.6rem;align-items:flex-end;margin-top:.75rem;flex-wrap:wrap}.add-member-row select,.add-member-row input{margin-top:0;flex:1;min-width:180px}.add-member-row button{margin-top:0;white-space:nowrap}.btn-ghost{margin-top:0;padding:.3rem .7rem;background:transparent;color:var(--color-primary);border:1px solid var(--color-border);font-size:.78rem;font-weight:600;white-space:nowrap}.btn-ghost:hover{background:var(--color-surface);border-color:var(--color-primary)}.btn-ghost-danger{margin-top:0;padding:.3rem .7rem;background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);font-size:.78rem;font-weight:600;white-space:nowrap}.btn-ghost-danger:hover{background:var(--color-danger-bg)}