html,body{height:100%;overflow:hidden;margin:0;padding:0}app-root{height:100%;display:block}.btn-primary,.btn-secondary,.btn-upload,.btn-danger,.btn-fullscreen{font-family:inherit;outline:none;border:none;text-decoration:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn-primary:focus,.btn-secondary:focus,.btn-upload:focus,.btn-danger:focus,.btn-fullscreen:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.modal-header .header-actions{display:flex;gap:12px;align-items:center}.modal-header .header-actions .btn-secondary{background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:600;box-shadow:0 4px 12px #00000026;padding:10px 18px;border-radius:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header .header-actions .btn-secondary:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.modal-header .header-actions .btn-primary{background:linear-gradient(135deg,#fffffff2,#ffffffe6);color:#3b82f6;border:1px solid rgba(255,255,255,.9);font-weight:600;box-shadow:0 4px 12px #00000026;padding:10px 18px;border-radius:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header .header-actions .btn-primary:hover{background:linear-gradient(135deg,#fff,#fffffff2);color:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.modal-header .header-actions .btn-primary:disabled{background:linear-gradient(135deg,#ffffff80,#ffffff4d);color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}.modal-header .header-content{flex:1}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}