*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa;color:#333;margin:0;line-height:1.5}.btn-new,.btn-save{background:#1a73e8;color:#fff;border:none;padding:8px 20px;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-new:hover,.btn-save:hover{background:#1557b0}.btn-secondary,.btn-cancel{background:#fff;color:#5f6368;border:1px solid #e0e0e0;padding:8px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover,.btn-cancel:hover{background:#f8f9fa}.action-btn{padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.action-btn:hover{background:#f8f9fa}.content-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;border:1px solid #e0e0e0}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header .section-title{font-size:20px;font-weight:500;color:#202124}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.cards-grid.list-view{grid-template-columns:1fr}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;display:inline-block}.badge.badge-public{background:#e8f5e9;color:#2e7d32}.badge.badge-internal{background:#e3f2fd;color:#1565c0}.badge.badge-private{background:#fce4ec;color:#c2185b}.badge.badge-shared,.badge.badge-draft{background:#fff3e0;color:#ef6c00}.settings-input,.filter-select{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;font-family:inherit;transition:all .2s}.settings-input:focus,.filter-select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.filter-select{width:auto;min-width:140px;cursor:pointer}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background-color:#1a73e8}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.view-toggle{display:flex;gap:0}.view-toggle .view-btn{padding:8px 12px;background:#fff;border:1px solid #e0e0e0;cursor:pointer;font-size:14px;transition:all .2s}.view-toggle .view-btn:first-child{border-radius:4px 0 0 4px}.view-toggle .view-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.view-toggle .view-btn:not(:first-child):not(:last-child){border-left:none}.view-toggle .view-btn.active{background:#e8f0fe;color:#1a73e8;border-color:#1a73e8}.view-toggle .view-btn.active+.view-btn{border-left-color:#1a73e8}.view-toggle .view-btn:hover:not(.active){background:#f8f9fa}.section-divider{border-top:1px solid #e0e0e0;margin:32px 0}