html,body,#root{height:100%;margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f7f7fa;color:#222;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}.app-container{min-height:100vh;display:flex;background:#f7f7fa}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{padding:32px;flex:1;min-width:0}::-webkit-scrollbar{width:8px;background:#ececec}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:8px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid #ececec;padding:24px;margin-bottom:24px}.admin-table-wrap{overflow-x:auto;border:1px solid #e7e7e7;border-radius:10px}.admin-table{width:100%;border-collapse:collapse;font-size:15px}.admin-table thead tr{background:#f6f6f6}.admin-table th,.admin-table td{padding:12px 14px;border-bottom:1px solid #ececec;text-align:left;white-space:nowrap}.admin-table th{font-weight:600;color:#4a4a4a;font-size:14px}.admin-table tbody tr:hover{background:#fafbfc}.badge{display:inline-block;padding:4px 14px;border-radius:20px;font-weight:600;font-size:13px}.badge-green{background:#e6ff96;color:#00b809}.badge-red{background:#ffddd9;color:#eb2b0b}.badge-orange{background:#fff5c5;color:#e27d00}.badge-purple{background:#dcd2ff;color:#7f27ff}.badge-blue{background:#d2ecff;color:#0074cc}.badge-grey{background:#ececec;color:#666}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.85}.btn-primary{background:#ff6051;color:#fff}.btn-outline{background:#fff;color:#222;border:1px solid #ececec}.btn-sm{padding:6px 14px;font-size:13px}.form-input{width:100%;padding:10px 16px;border:1px solid #b0b0b0;border-radius:11px;font-size:15px;color:#333;background:#fff;transition:border-color .2s}.form-input:focus{border-color:#ff6051}.form-label{display:block;font-weight:600;font-size:14px;color:#444;margin-bottom:6px}.search-input{width:50%;padding:10px 40px 10px 16px;border:1px solid #b0b0b0;border-radius:11px;font-size:15px;color:#949494;box-shadow:0 1px 2px #00000003;background-image:url('data:image/svg+xml;utf8,<svg fill="%23888" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99a1 1 0 001.41-1.41l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');background-repeat:no-repeat;background-position:right 16px center}.search-input:focus{border-color:#ff6051}.tab-bar{display:flex;gap:0;border-bottom:2px solid #ececec;margin-bottom:20px}.tab-item{padding:10px 20px;font-weight:600;font-size:14px;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;-webkit-user-select:none;user-select:none}.tab-item.active{color:#ff6051;border-bottom-color:#ff6051}.breadcrumb{color:#888;font-weight:500;font-size:14px;margin-bottom:24px}.breadcrumb .current{color:#ff6051;font-weight:500}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:16px}.pagination button{min-width:34px;height:34px;border-radius:8px;border:1px solid #ececec;background:#fff;font-weight:600;font-size:14px;color:#444;cursor:pointer}.pagination button.active{background:#ff6051;color:#fff;border-color:#ff6051}.action-icons{display:flex;gap:8px;align-items:center}.action-icon{width:32px;height:32px;border-radius:8px;border:1px solid #ececec;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;transition:background .15s}.action-icon:hover{background:#f7f7fa}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:16px;padding:32px;min-width:420px;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.toggle{position:relative;width:44px;height:24px;display:inline-block}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;inset:0;background:#ccc;border-radius:24px;cursor:pointer;transition:background .3s}.toggle .slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s}.toggle input:checked+.slider{background:#ff6051}.toggle input:checked+.slider:before{transform:translate(20px)}.rich-editor{min-height:200px;border:1px solid #b0b0b0;border-radius:11px;padding:16px;font-size:15px;line-height:1.6;color:#333}.rich-editor:focus{border-color:#ff6051}@media(max-width:1200px){.page-content{padding:16px}}